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-round-display/Overview.bs
+18-5Lines changed: 18 additions & 5 deletions
Original file line number
Diff line number
Diff line change
@@ -221,7 +221,10 @@ Extending the @viewport rule {#extending-viewport-rule}
221
221
Computed value: as specified
222
222
</pre>
223
223
224
-
The initial layout viewport seen through the physical screen of the device. On rounded screen, the part of the page that’s currently shown on-screen is round but the viewport is rectangular. Because of this, depending on the size of the viewport, some part of the page may be clipped.
224
+
The initial layout viewport seen through the physical screen of the device.
225
+
On rounded screen, the part of the page that’s currently shown on-screen is round but
226
+
the viewport is rectangular.
227
+
Because of this, depending on the size of the viewport, some part of the page may be clipped.
225
228
226
229
<div class=figure>
227
230
<img alt="An image of the clipped area between the viewport bounding box and the device's border" style="width: 250px" src="images/viewport_clipped_area.png">
@@ -237,18 +240,28 @@ Values have the following meanings:
237
240
<dl dfn-type=value dfn-for=viewport-fit>
238
241
<dt><dfn>auto</dfn></dt>
239
242
<dd>
240
-
This value doesn’t affect the initial layout viewport, and the whole web page is viewable. What the UA paints outside of the viewport is undefined. It may be the background color of the canvas, or anything else that the UA deems appropriate..
243
+
This value doesn’t affect the initial layout viewport,
244
+
and the whole web page is viewable.
245
+
What the UA paints outside of the viewport is undefined.
246
+
It may be the background color of the canvas, or anything else
247
+
that the UA deems appropriate.
241
248
</dd>
242
249
243
250
<dt><dfn>contain</dfn></dt>
244
251
<dd>
245
-
The initial layout viewport and the visual viewport are set to the largest rectangle which is inscribed in the display of the device. UA can paint the area which is outside the contained viewport for ''contain''.
252
+
The initial layout viewport and the visual viewport are set to the largest rectangle
253
+
which is inscribed in the display of the device.
254
+
What the UA paints outside of the viewport is undefined.
255
+
It may be the background color of the canvas, or anything else that
256
+
the UA deems appropriate.
246
257
</dd>
247
-
<p class="note">Note: With this value, 'border-boundary: display' and 'shape-inside: display' have no effect.</p>
258
+
<p class="note">Note: With this value, 'border-boundary: display' and
259
+
'shape-inside: display' have no effect.</p>
248
260
249
261
<dt><dfn>cover</dfn></dt>
250
262
<dd>
251
-
The initial layout viewport and the visual viewport are set to the circumscribed rectangle of the physical screen of the device.
263
+
The initial layout viewport and the visual viewport are set to the circumscribed
0 commit comments