mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-28 12:45:27 +00:00
581f9bc30a
viewport-units-rounding-1.html fails without the patch and passes with the patch. viewport-units-rounding-2.html fails with an early version of the patch but not without the patch or with the final version.
124 lines
4.5 KiB
HTML
124 lines
4.5 KiB
HTML
<!DOCTYPE HTML>
|
|
<title>viewport units rounding reference</title>
|
|
<meta charset="UTF-8">
|
|
<style>
|
|
div.contain { height: 50px }
|
|
div.contain > div { height: 10px }
|
|
div.contain > div > div { height: 10px; float: left }
|
|
</style>
|
|
|
|
<div class="contain" style="width: 200px">
|
|
<div>
|
|
<div style="width: 50px; background: fuchsia"></div>
|
|
<div style="width: 50px; background: aqua"></div>
|
|
<div style="width: 50px; background: silver"></div>
|
|
<div style="width: 50px; background: yellow"></div>
|
|
</div>
|
|
<div>
|
|
<div style="width: 48px; background: fuchsia"></div>
|
|
<div style="width: 48px; background: aqua"></div>
|
|
<div style="width: 48px; background: silver"></div>
|
|
<div style="width: 48px; background: yellow"></div>
|
|
<div style="width: 8px; background: gray"></div>
|
|
</div>
|
|
<div>
|
|
<div style="width: 42px; background: fuchsia"></div>
|
|
<div style="width: 42px; background: aqua"></div>
|
|
<div style="width: 42px; background: silver"></div>
|
|
<div style="width: 42px; background: yellow"></div>
|
|
<div style="width: 32px; background: gray"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contain" style="width: 201px">
|
|
<div>
|
|
<div style="width: 50px; background: fuchsia"></div>
|
|
<div style="width: 51px; background: aqua"></div>
|
|
<div style="width: 50px; background: silver"></div>
|
|
<div style="width: 50px; background: yellow"></div>
|
|
</div>
|
|
<div>
|
|
<div style="width: 48px; background: fuchsia"></div>
|
|
<div style="width: 48px; background: aqua"></div>
|
|
<div style="width: 49px; background: silver"></div>
|
|
<div style="width: 48px; background: yellow"></div>
|
|
<div style="width: 8px; background: gray"></div>
|
|
</div>
|
|
<div>
|
|
<div style="width: 42px; background: fuchsia"></div>
|
|
<div style="width: 42px; background: aqua"></div>
|
|
<div style="width: 43px; background: silver"></div>
|
|
<div style="width: 42px; background: yellow"></div>
|
|
<div style="width: 32px; background: gray"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contain" style="width: 202px">
|
|
<div>
|
|
<div style="width: 51px; background: fuchsia"></div>
|
|
<div style="width: 50px; background: aqua"></div>
|
|
<div style="width: 51px; background: silver"></div>
|
|
<div style="width: 50px; background: yellow"></div>
|
|
</div>
|
|
<div>
|
|
<div style="width: 48px; background: fuchsia"></div>
|
|
<div style="width: 49px; background: aqua"></div>
|
|
<div style="width: 48px; background: silver"></div>
|
|
<div style="width: 49px; background: yellow"></div>
|
|
<div style="width: 8px; background: gray"></div>
|
|
</div>
|
|
<div>
|
|
<div style="width: 42px; background: fuchsia"></div>
|
|
<div style="width: 43px; background: aqua"></div>
|
|
<div style="width: 42px; background: silver"></div>
|
|
<div style="width: 43px; background: yellow"></div>
|
|
<div style="width: 32px; background: gray"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contain" style="width: 203px">
|
|
<div>
|
|
<div style="width: 51px; background: fuchsia"></div>
|
|
<div style="width: 51px; background: aqua"></div>
|
|
<div style="width: 50px; background: silver"></div>
|
|
<div style="width: 51px; background: yellow"></div>
|
|
</div>
|
|
<div>
|
|
<div style="width: 49px; background: fuchsia"></div>
|
|
<div style="width: 48px; background: aqua"></div>
|
|
<div style="width: 49px; background: silver"></div>
|
|
<div style="width: 49px; background: yellow"></div>
|
|
<div style="width: 8px; background: gray"></div>
|
|
</div>
|
|
<div>
|
|
<div style="width: 43px; background: fuchsia"></div>
|
|
<div style="width: 42px; background: aqua"></div>
|
|
<div style="width: 43px; background: silver"></div>
|
|
<div style="width: 42px; background: yellow"></div>
|
|
<div style="width: 33px; background: gray"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contain" style="width: 204px">
|
|
<div>
|
|
<div style="width: 51px; background: fuchsia"></div>
|
|
<div style="width: 51px; background: aqua"></div>
|
|
<div style="width: 51px; background: silver"></div>
|
|
<div style="width: 51px; background: yellow"></div>
|
|
</div>
|
|
<div>
|
|
<div style="width: 49px; background: fuchsia"></div>
|
|
<div style="width: 49px; background: aqua"></div>
|
|
<div style="width: 49px; background: silver"></div>
|
|
<div style="width: 49px; background: yellow"></div>
|
|
<div style="width: 8px; background: gray"></div>
|
|
</div>
|
|
<div>
|
|
<div style="width: 43px; background: fuchsia"></div>
|
|
<div style="width: 43px; background: aqua"></div>
|
|
<div style="width: 43px; background: silver"></div>
|
|
<div style="width: 42px; background: yellow"></div>
|
|
<div style="width: 33px; background: gray"></div>
|
|
</div>
|
|
</div>
|