Wie wird das Meta-Viewport-Tag verwendet und was macht es?

  1. Welche Browser unterstützt diese meta-Tags?
  2. Wie benutze ich es?
  3. Bedeutet dies, es wird die Lösung für alle meine mobilen Größenanpassung Probleme?

Wenn jemand beantworten könnte, dieser wäre es eine große Hilfe für newbies lernen

<meta="viewport">

InformationsquelleAutor der Frage Kyle Yeo | 2012-06-05

  1. 20
    1. Die viewport-browser-Unterstützung ist ein wenig über das Brett. Ich werde Sie auf die Quirksmode Seite von Ansichtsfenster-browser-Unterstützung für die vollständigen details.
    2. Verwenden Sie die viewport-meta-tag wie jeder andere-meta-tag. Setzen Sie den code-block gerade in der <head>.
    3. Ziemlich viel, aber wieder ein bisschen ein Schluck zu sagen hier. Ich würde empfehlen einige Artikel gelesendas Lesen der W3 mobile best practices für web-designoder die aktuellen W3-Spezifikationen auszuarbeiten, auf die viewport-Attribut für das <meta> - tag.

    Kurz gesagt, durch das hinzufügen dieser Zeile an eine Webseite umsetzen sollten, viewport Skalierung sollte beheben die meisten Probleme. (kopiert aus WebDesignTuts+'s "Quick-Tipp: Vergessen Sie nicht, den Viewport-Meta-Tag" Artikel) 

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    P. S. Quirksmode hat auch eine ziemlich tolle Artikel, die das Problem beschreibt das lohnt sich zu Lesen, um zu verstehen, warum diese hilfreich sein könnten.

    InformationsquelleAutor der Antwort Nightfirecat

  2. 5

    Anderen Artikel über meta-viewport, Ihre verschiedenen Eigenschaften, und wie Sie es in Ihren Entwürfen ist http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/

    Es gibt auch eine slidedeck Erklärung der Dinge im detail und Github repo mit ihm zu gehen.

    Disclaimer: ich bin der Autor dieser Ressourcen.

    InformationsquelleAutor der Antwort andreasbovens

  3. 2

    Du all die details von mozilla blog

    https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

    InformationsquelleAutor der Antwort Miqdad Ali

  4. 0

    Meta-viewport-tag wird verwendet, um passen Sie die Größe und Sichtbarkeit der website entsprechend der Größe des Bildschirm. Es hilft, die Webseite passt sich automatisch in android, tablet oder iphone.

    InformationsquelleAutor der Antwort Akash Kumar Singh

Schreibe einen Kommentar