Viewport Meta Tag Generator fuer responsives Mobile Design
Erzeugen Sie den Viewport-Meta-Tag fuer mobiles Responsive Design direkt in Ihrem Browser.
Recommendation: keep zoom allowed for accessibility.
🔒 100 % clientseitig — keine Daten gesendet
Erzeugen Sie den idealen Viewport-Meta-Tag, um Ihre Webseiten auf Mobilgeraeten responsiv zu machen, mit Breite, initialer Skalierung und Zoom. Das Tool laeuft vollstaendig in Ihrem Browser, ohne Registrierung, und Sie kopieren den einfuegefertigen Code.
What is it for?
- ▸ Eine Website von Beginn eines Webprojekts an responsiv machen
- ▸ Initiale Skalierung und erlaubten Zoom auf Mobilgeraeten konfigurieren
- ▸ Eine herausgezoomte oder winzige Darstellung auf Smartphones beheben
- ▸ Die Rolle jedes Viewport-Tag-Parameters kennenlernen
FAQ
Wofuer wird der Viewport-Meta-Tag verwendet?
Er teilt dem mobilen Browser mit, wie Seitenbreite und Zoomstufe an den Bildschirm angepasst werden sollen. Ohne ihn erscheint eine Website oft herausgezoomt, als waere sie auf einem Desktop-Bildschirm.
Welcher Viewport-Tag wird empfohlen?
Der gaengigste Wert ist <meta name="viewport" content="width=device-width, initial-scale=1">. Er passt die Breite an das Geraet an und setzt den initialen Zoom auf 100%.
Sollte ich den Benutzer-Zoom deaktivieren?
Das Deaktivieren des Zooms mit user-scalable=no wird nicht empfohlen, da es die Barrierefreiheit beeintraechtigt. Lassen Sie Benutzer die Seite zoomen, ausser Sie haben einen sehr speziellen Fall wie eine interaktive Karte.