Skip to content

Commit 07cde66

Browse files
author
jihyerish
committed
[css-round-display] Fix something incorrect about viewport-fit
1 parent f218b8b commit 07cde66

1 file changed

Lines changed: 18 additions & 5 deletions

File tree

css-round-display/Overview.bs

Lines changed: 18 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -221,7 +221,10 @@ Extending the @viewport rule {#extending-viewport-rule}
221221
Computed value: as specified
222222
</pre>
223223

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.
225228

226229
<div class=figure>
227230
<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:
237240
<dl dfn-type=value dfn-for=viewport-fit>
238241
<dt><dfn>auto</dfn></dt>
239242
<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.
241248
</dd>
242249

243250
<dt><dfn>contain</dfn></dt>
244251
<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.
246257
</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>
248260

249261
<dt><dfn>cover</dfn></dt>
250262
<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
264+
rectangle of the physical screen of the device.
252265
</dd>
253266
</dl>
254267

0 commit comments

Comments
 (0)