You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-viewport-1/Overview.bs
+11-2Lines changed: 11 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -106,16 +106,25 @@ difference between the [=initial viewport=] and the [=layout viewport=].
106
106
This is the viewport you get after processing the viewport
107
107
<code><meta></code> tag.
108
108
</dd>
109
+
<dt><dfn>visual viewport</dfn></dt>
110
+
<dd>
111
+
The portion of the layout viewport that is currently visible.
112
+
This is the result of applying scale transform to its layout viewport. Refer CSSOM-View <a href="https://drafts.csswg.org/cssom-view-1/#visualViewport">Visual Viewport.</a>
113
+
114
+
Note: The [=visual viewport=] can be smaller than the [=layout viewport=].
115
+
</dd>
109
116
</dl>
110
117
111
-
ISSUE: Define visual viewport.
112
-
113
118
When the [=layout viewport=] cannot fit inside the window or
114
119
viewing area, either because the [=layout viewport=] is
115
120
larger than the [=initial viewport=] or the zoom factor
116
121
causes only parts of the [=layout viewport=] to be visible,
117
122
the UA should offer a scrolling or panning mechanism.
118
123
124
+
Note: The scale transform of the [=visual viewport=] is often referred to as "pinch-zoom". Conceptually, this transform
125
+
changes the size of the CSS <a>reference pixel</a> and changes the size of the layout viewport (inversally) proportionally so that it
126
+
does not cause reflow of the page's contents.
127
+
119
128
It is recommended that initially the upper-left corners of the
120
129
[=layout viewport=] and the window or viewing area are aligned if the
121
130
base direction of the document is ltr. Similarly, that the upper-right
0 commit comments