Latest web development tutorials

Responsive Web Design - Ansichtsfenster

Was ist der Ansichtsfenster?

Ansichtsfenster Benutzerseiten sichtbaren Bereich.

Ansichtsfenster kann in die chinesische genannt übersetzt werden "Ansichtsfenster."

Mobiler Browser ist die Seite in einem virtuellen "Fenster" (Ansicht) in der Regel diese virtuelle "Fenster" (Ansicht) breiter als der Bildschirm, so dass Sie müssen nicht auf jeder Seite ein kleines Fenster drücken (dies wird kein Schaden Layout für den mobilen Browser Seite optimiert), kann der Benutzer schwenken und zoomen verschiedene Teile der Seite zu sehen.


Einstellen des Ansichtsfensters

Ansichtsfenster-Meta-Tag für eine gemeinsame Mobil optimierte Webseite ist wie folgt:


  • Breite: die Größe des Bildfensters zu steuern, kann ein Wert, wenn 600 oder besonderen Wert, wie Gerätebreite der Gerätebreite (in Pixel CSS zu 100% der Zeit skaliert) angegeben werden.
  • Höhe: Breite und entspricht der angegebenen Höhe.
  • initial-Skala: die anfängliche Skala, die, wenn sie die erste Ladezeit der Seite Skala ist.
  • Maximum-Skala: ermöglicht es dem Benutzer auf das maximale Verhältnis zu vergrößern.
  • Minimum-Skala: Der Benutzer kann die Mindestgröße zu skalieren.
  • Benutzer skalierbar: ob der Benutzer manuell vergrößern.

Das folgende Beispiel zeigt die Verwendung von Ansichtsfenster das Ansichtsfenster und nicht auf den mobilen Nebenwirkungen unter Verwendung von:

Beispiel 1 wurde nicht Ansichtsfenster hinzugefügt: Klicken Sie hier um

Beispiel 2, fügen Sie das Ansichtsfenster: Klicken Sie , um anzuzeigen

Wenn Sie auf einem Tablet oder Telefon zu besuchen, klicken Sie bitte auf, um den Effekt zu sehen.