Interactive Studio

Know How

Know How

Viewport

‚Viewport‘ wird in der App- und Web-Entwicklung der zur Verfügung stehende Bereich auf einem mobilen Endgerät wie Tablet oder Smartphone genannt. Optimiert wird dieser responsive und sichtbare Teil.

Eine ganz besondere Bedeutung erfährt der Viewport zudem in der Metaebene von HTML. Dort ist er Bestandteil der Anpassung von Inhalten an das jeweilige mobile Endgerät. Er dient dazu, die Inhalte gut, vollständig und vor allem gut lesbar anzuzeigen. Dabei müssen Länge und Breite einer Website an den jeweiligen mobilen Browser so angepasst werden, dass dieser die Inhalte für den User optimal darstellen kann. Bilder, Schriften, Videos werden durch das Viewport-Element auf die optimale Ansicht skaliert.

Ohne die Optimierung des Viewports würden die jeweiligen Inhalte dem Bildschirm entsprechend zu klein oder zu groß dargestellt werden. Durch Verwendung des Metaelements Viewport wird das verhindert.

Begierde Wissen

insights

insights