Was ist ein Ansichtsfenster in HTML? Können Sie einige Beispiele für den Zugriff auf die Ansichtsfensterdetails geben?
javascript
html
viewport
minil
quelle
quelle
Antworten:
Das Ansichtsfenster ist der Teil der Webseite, den der Benutzer derzeit sehen kann. Die Bildlaufleisten verschieben das Ansichtsfenster, um andere Teile der Seite anzuzeigen.
Befolgen Sie die Anweisungen dieses Artikels, um die Abmessungen des Ansichtsfensters in Javascript abzurufen .
if (typeof window.innerWidth != 'undefined') { viewportwidth = window.innerWidth, viewportheight = window.innerHeight }
quelle
transform: translate3d(0,0,0)
auf ein Element wird es zu einem Ansichtsfenster für alle untergeordneten Elemente. Das macht diese Antwort teilweise falsch.Ich denke, das
ViewPort
ist nur ein Bereich, um den Webinhalt im Browser anzuzeigen. Und verschiedene Browser haben ihre eigene Einstellung für die Größe vonViewPort
. BeispielsweiseViewPort
beträgt die Standardbreite von Safari 980 Pixel. Wenn die tatsächliche Webseite, die Sie sehen möchten, kleiner als 980 Pixel ist, sollte beim Zugriff auf die Webseite in der Safari standardmäßig ein leerer Anzeigebereich in der Safari vorhanden sein. Aus diesem Grund müssen wir manchmal dieViewPort
Anzeige für Webinhalte im Browser konfigurieren .Wie unten zum Beispiel:
<meta name="viewport" content="width=device-width">
Und bitte lesen Sie auch die Antwort von Paulus . Ich denke, er hat bereits die Verwendung von erklärt
ViewPort
.quelle
Das Ansichtsfenster ist ein virtueller Bereich, der von der Browser-Rendering-Engine verwendet wird, um zu bestimmen, wie Inhalte beim ersten Rendern auf dem aktuellen Bildschirm skaliert und in der Größe angepasst werden. Das wird dir helfen:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
quelle
Das Ansichtsfenster ist der visuelle Bereich Ihrer Webseite in einem Browser. Mithilfe von
<meta name="viewport"
können Sie festlegen, wie der Inhalt Ihrer Website auf verschiedenen Geräten gerendert wird. Persönlich benutze ich gerne:<meta name="viewport" content="width=device-width, initial-scale=1.0>
quelle
Der Ansichtsfensterbereich ist der vom Benutzer sichtbare Bereich auf dem Gerät. Mit dem Meta-Tag wird die Breite des Seiteninhalts gemäß dem Ansichtsfenster festgelegt, sodass der Inhalt der Seite gemäß der Breite des Ansichtsfensters verkleinert oder vergrößert wird. Eine gute Erklärung bei MDN [https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag].
quelle