1 Kommentar

initial-scale=1.0 ist nicht mehr nötig

Im HTML-Grundgerüst gibt es eine ziemlich sperrige Viewport-Angabe:

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

Sie sorgt dafür, dass Webseiten auf Mobilgeräten nicht in ihrer vollen Breite dargestellt werden, sondern in der passenden Schriftgröße skalieren.

Matuzo, Peter-Paul Koch von Quirksmode und Vale fragten sich, ob man die Einstellung initial-scale=1.0 heute noch benötigt. Nach einigen Tests empfehlen sie die Viewportangabe heute so zu verkürzen.[1] [2]

<meta name="viewport" content="width=device-width">

Hintergrund dieser Viewportangabe war die Einführung des iPhones im Jahre 2007. Damals gab es neben den „nomalen“ Webseiten mobile Seiten mit eingeschränkten Funktionen. Das iPhone sollte die nomale Ansicht auf seinem kleinen Bildschirm zeigen – der Nutzer sollte dann mit den Fingern so lange zoomen, bis er Texte lesen konnte.

Mit dem Aufkommen von media queries war dieses Verhalten unerwünscht. Apple erfand die Viewportangabe, in der in einem meta-Tag Angaben zur gewünschten Darstellung und zum Skalierungsfaktor getroffen werden konnten.

Sie gehört heute zum miminalen Grundgerüst und findet sich in jeder Webseite. Ab heute kann sie aber etwas kürzer ausfallen.

Die entsprechenden Wikiseiten sind aktualisiert; unsere LiveBeispiele werden mit dem Bot in naher Zukunft angepasst.

  1. You Don't Need Initial-Scale In Your HTML von Vale ↩︎

  2. initial-scale no longer needed PPK auf quirksmode.org ↩︎

eingeordnet unter:

veröffentlicht von Matthias Scharwies

Antwort verfassen Antwort mit Zitat verfassen