Was ist Viewport-Meta-Tag-Generator?
Viewport-Meta-Tag-Generator ist ein Browser-Tool für diese Aufgabe: Erstelle komplette Viewport-Meta-Tags plus Theme-Color und Apple-Touch-Icon-Links. Die Ausgabe bleibt lesbar, damit du sie vor dem Einbau in eine Live-Seite prüfen kannst.
Quick answer
Use the viewport meta tag to control how your page scales on mobile devices. The standard value width=device-width with initial-scale=1 works for nearly every responsive site and ensures readable text without requiring zoom gestures.
Limitations
- theme-color only affects the browser chrome on supported mobile browsers. Desktop browsers and some browser configurations ignore it entirely.
- Apple touch icon tags require an actual PNG image file at the specified path. A missing or incorrect path produces a broken icon silently on iOS.
- The viewport tag controls initial scale but does not make a non-responsive layout usable on mobile. It must be paired with a responsive design using CSS media queries.
So nutzt du dieses Tool
- Öffne das Tool und trage die relevanten Werte ein.
- Prüfe die erzeugte Ausgabe im Ergebnisfeld.
- Kopiere nur den Teil, der zu deiner Seite passt.
- Teste die Änderung im Browser, bevor du sie veröffentlichst.
Wofür du es nutzen kannst
- Wiederkehrende Publishing-Aufgaben schneller erledigen.
- Markup, CSS oder Checklisten vor einem Launch vorbereiten.
- Kleine Fehler vermeiden, die bei statischen Websites leicht übersehen werden.