CSS-FAQ

Grundlagen

Was ist der Viewport ?

Tags: -

Verwandte Artikel:

• Wie kann ich erreichen, daß bei zwei Spalten, die jeweils als float-definiert sind (:left und :right) und von denen Spalte A eine feste Pixelangabe hat, Spalte B so skaliert, daß der komplette Rest-viewport ausgefüllt wird (also abzüglich des Platzes, den Spalte A braucht)? (Breite auf 100 % setzen klappt natürlich nicht, weil dann Spalte B unter Spalte A springt.)

16319/9%Letzte Änderung des Artikels: 2004-02-05 09:33
Autor: Jens Grochtdreis
Revision: 1.0

Es ist möglich, diesen Artikel zu kommentieren.

Kommentar von makcie:
Die Definition sollte noch einmal durchdacht werden unter folgender Fragesellung:
Welcher Zusammenhang besteht zwischen Bildschirmauflösung, Fenstergröße des Browsers und Viewport?

Im Sprachgebrauch wird oft Bildschirmauflösung gesagt bzw. geschrieben, wenn eigentlich die Größe des Browserfensters gemeint ist. Das irritiert! Und das Browserfenster ist oft (meist) nicht der Viewport.
Nachstehend mein Versuch, diese Begriffe zu definieren.

Die Bildschirmauflösung gibt an, wie viele Pixel horizontal und vertikal in einem Bildschirmfenster angezeigt werden können.
Einstellung in Windows:
Systemsteuerung/Anzeige/Eigenschaften von Anzeige/Bildschirmbereich - mit einem Schieber kann die Bildschirmauflösung gewählt werden.
Beispiel: 19-Zoll-Bildschirm
niedrigste mögliche Einstellung - 640x480 Pixel
höchste mögliche Einstellung - 1280x1024 Pixel
Je höher die Auflösung, desto kleiner die Schriftgröße!
(Bei einem Röhrenbildschirm kann die Bildschirmauflösung (problemlos) unterschiedlich festgelegt werden.
Bei einem Flachbildschirm sollte die vom Hersteller empfohlene höchstmögliche Bildschirmauflösung gewählt werden).

Größe des Browserfenster:
Unabhängig von der Bildschirmauflösung kann der Benutzer sein Browserfenster größer oder kleiner aufziehen. Dadurch wird die Schriftgröße nicht verändert!
Beispiel:
Die Bildschirmauflösung beträgt 1280x1024 Pixel.
Die Fenstergröße kann unterschiedlich (auch stufenlos) eingestellt werden, zum Beispiel
1280x1024
1024x768
800x600
640x480
320x320
320x240
Die Bildschirmauflösung wird dadurch nicht verändert!
Bei einer Bildschirmauflösung von 1280x1024 Pixel und einer Fenstergröße von 800x600Pixel wird die Schrift relativ klein angezeigt.

Viewport = Aktueller Anzeigenbereich des Browserfensters.
Der Benutzer betrachtet den sichtbaren Bereich eines HTML-Dokumentes (den body-Bereich) durch den Viewport.
Im Vollbildmodus entspricht die Größe des Viewports (in etwa) der Größe des Browserfensters.
Normalerweise ist der Viewport kleiner als das Browserfenster, weil diverse Symbolleisten, die Statusleiste, Scrollbalken, eine Sidebar und die Taskleiste des Betriebssystems Platz beanspruchen.
Schlussfolgerung: Ein Webautor sollte seine Webseiten so gestalten, dass sie sich unterschiedlichen Größen des Viewports anpassen können.
Das soll und kann allerdings keine überspitzte Forderung sein!

Added at: 2038-01-19 04:14