Bildschirm und Viewport
Während sich für die Bildschirmauflösung in der deutschen Sprache der deutsche Begriff durchgesetzt hat, ist für den Bereich, der für die Inhalte zur Verfügung steht, auch in Deutsch der Gebrauch des englischen Begriffes "Viewport" üblich.
Bildschirmauflösung (Screen Resolution)
Bei dieser Funktion bleibt die Anzeige immer gleich, auch wenn die Fenstergrösse verändert wird, denn es werden ja die Werte des Bildschirmes angezeigt. Das kann besonders auf Smartphones interessant sein.
Bildschirm Auflösung (Screen Resolution) Breite x Höhe:
x px
Inhaltsbereich des Browsers (Viewport)
Bei Veränderung des Viewports ändern sich die Werte in Echtzeit, spielen Sie mit der Fenstergrösse.
Inhaltsbereich (Viewport) Breite x Höhe:
Der Inhaltsbereich (Viewport) des Browsers ist der Bereich, der für die Darstellung der Inhalte zur Verfügung steht und ist nicht zu verwechseln mit dem Fenster. Der Viewport ist in der Regel kleiner, vor allem in der Höhe.
Wozu das ganze?
Um zu sehen, wie eine Seite auf Tablets und Smartphones aussieht, nutze ich lieber die folgende Funktion des FF:
Extras => Browser-Werkzeuge => Bildschirmgößen testen (Umschalt + Steuerung + M)
Da überlagern transparente Scrollbalken den Viewport und verkleinern ihn somit nicht. Ausserdem kann ich die Ansicht mit einem Klick um 90° drehen.
Manchmal ist es aber von Vorteil, wenn man das Layout einer Website auf Widescreens und Laptops unter realen Bedingungen, also mit vertikalen Scrollbalken, testen kann. Dazu kann diese Funktion von Nutzen sein. Ist also eher für Entwickler nützlich.
