Viewport

Definition:
Der Viewport ist der sichtbare Bereich einer Webseite, den der Benutzer auf einem Gerät zu einem bestimmten Zeitpunkt sehen kann, ohne zu scrollen. In der Webentwicklung bezieht sich der Begriff speziell auf den Bereich einer Webseite, der auf unterschiedlichen Geräten wie Desktop-Computern, Tablets und Smartphones sichtbar ist. Da Geräte unterschiedliche Bildschirmgrößen und Auflösungen haben, ist es wichtig, Webseiten so zu gestalten, dass sie auf allen Geräten gut aussehen und funktionieren, indem man den Viewport und Responsive Design-Techniken berücksichtigt.

Beispiel:
Stellen Sie sich vor, Sie öffnen eine Webseite auf Ihrem Smartphone, und die Seite passt sich automatisch an die Größe Ihres Bildschirms an, sodass Sie den gesamten Inhalt leicht sehen und navigieren können, ohne horizontal scrollen zu müssen. Dies wird durch die Verwendung eines Viewport-Meta-Tags im HTML-Code der Webseite erreicht, das den Browser anweist, die Breite der Seite an die Breite des Gerätebildschirms anzupassen, wodurch eine optimierte Darstellung für das Gerät sichergestellt wird.

29 Mar 2024