Viewport

Der Viewport ist der sichtbare Bereich einer Webseite innerhalb des Browserfensters. Auf Mobilgeräten steuern Seiten mit dem -Tag, wie sie sich an den Bildschirm anpassen; es legt die Seitenbreite und das Zoomverhalten fest – einschließlich, unerwünschterweise, der Möglichkeit, Nutzern das Zoomen zu untersagen.

Ohne dieses Tag rendern mobile Browser die Seite standardmäßig mit einer festen, desktopähnlichen Breite (typischerweise 980px) und verkleinern das Ergebnis, damit es auf den Bildschirm passt, was unleserlich ist, bis der Nutzer manuell hineinzoomt. Die Angabe width=device-width sorgt dafür, dass Responsives Design und dessen Media Queries auf Mobilgeräten tatsächlich greifen.

Mehr erfahren

• Viewport concepts - MDNs Erklärung des Viewports und des viewport-Meta-Tags
• Responsives Design