Der Viewport ist der sichtbare Bereich des Browsers – also der Teil der Website, der ohne Scrollen sichtbar ist. Die Größe des Viewports variiert stark: Ein Smartphone hat einen anderen Viewport als ein Desktop-Monitor. Im HTML-Code wird der Viewport über das Meta-Tag <meta name="viewport"> gesteuert. Fehlt dieses Tag, zeigt das Smartphone die Website in Desktop-Größe – also viel zu klein und unlesbar. Responsives Design baut auf dem Viewport-Konzept auf. Im Webdesign bezeichnet „VW“ die View Width, und „VH“ die View Height, also Breite und Höhe des sichtbaren Bereichs.
Viewport
« Back to Glossary Index