Ein Viewport (dt. Ansichtsfenster) ist ein Begriff für den sichtbaren Bereich einer Webseite auf einem Anzeigegerät. Er wird sowohl im Code als auch im analogen Design verwendet, um auf den Anzeigebildschirm zu verweisen und zu zeigen, wie das Layout in diesen Bildschirm passt.
Da neue Geräte diverse Bildschirmgrößen haben, ist das Viewport zu einem wichtigen Kriterium beim Web Design geworden. Ingenieure müssen herausfinden, wie Webseiten in ein kleines Ansichtsfenster für ein herkömmliches Smartphone oder Mobilgerät eingepasst werden können. Sogar Tablet-PCs sind in der Regel kleiner als herkömmliche Computerbildschirme. Die untere Grenze des Ansichtsfensters wird durch den Fold (dt. Falz) gekennzeichnet.
Designer können ein Viewport-Meta-Tag in HTML und ein Tool in Cascading Style Sheets verwenden, um Viewport-Parameter wie Höhe und Breite sowie Viewport-Skalierung und Auflösung festzulegen. Die Verwendung des Viewport-Meta-Tags ist ein wichtiger Teil der Anpassung der Seitenkompatibilität an einen Gerätebildschirm. Normalerweise sehen sich Designer den gesamten Text, alle Bilder und die Funktionalität einer Seite an und ordnen sie entsprechend den Möglichkeiten des Ansichtsfensters.
