Was ist ein Viewport?
Ein Viewport 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 sich auf den Anzeigebildschirm zu beziehen und darauf, wie das Layout in diesen Bildschirm passt.
Informationen zum Viewport
Da neue Geräte radikal unterschiedliche Bildschirmgrößen haben, ist der Viewport zu einem wichtigen Aspekt im Responsive Design geworden. Ingenieure müssen herausfinden, wie man Webseiten in einen kleinen Viewport für ein traditionelles Smartphone oder ein mobiles Gerät einpassen kann. Selbst Tablets sind in der Regel kleiner als herkömmliche Computerbildschirme.
Designer können ein Viewport-Meta-Tag in HTML und ein Werkzeug in Cascading Style Sheets (CSS) 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 Bestandteil der Anpassung der Seitenkompatibilität an einen Gerätebildschirm. Normalerweise betrachten Designer den gesamten Text, die Bilder und die Funktionalität einer Seite und richten sie danach aus, was der Viewport verarbeiten kann - und wenn sie Viewport-Beschränkungen einfügen, bietet dies einen technischen Satz von Parametern, mit denen sie arbeiten können.