Viewport-Meta-Generator

Erzeuge das responsive Viewport-Meta-Tag.

width=device-widthAnfangsskalierungMinimale SkalierungMaximale SkalierungNutzer-Zoom erlauben

Ausgabe

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=5, user-scalable=yes" />

Konfiguriere Skalierungs- und Zoomoptionen, um das <meta name="viewport">-Tag für responsive Seiten zu erzeugen.

Anleitung

Schalte device-width um und lege die Skalierungswerte fest.
Wähle, ob Nutzer zoomen dürfen.
Kopiere das erzeugte Viewport-Meta-Tag.

Häufige Fragen

Sollte ich den Nutzer-Zoom deaktivieren?: Normalerweise nicht. Das Deaktivieren des Zooms schadet der Barrierefreiheit, halte user-scalable also aktiviert, außer du hast einen triftigen Grund.
Was bewirkt width=device-width?: Es passt den Layout-Viewport an die Bildschirmbreite des Geräts an, der Standard für responsives Design.

Ähnliche Tools