gecko/layout/reftests/font-inflation/relevant-width-overflow-1.html

17 lines
503 B
HTML

<!DOCTYPE HTML>
<style>
div.outer { font-size: 12px; width: 600px }
div.inner { width: 450px; overflow: hidden; }
</style>
<!--
In a 450px container, the minimum font size at 15em per line is 30px.
This means we map 0px-45px into 30px-45px, so 12px gets mapped to 34px.
In a 600px container, the minimum font size at 15em per line is 40px.
This means we map 0px-60px into 40px-60px, so 12px gets mapped to 44px.
-->
<div class="outer">
Text in outer.
<div class="inner">Text in inner.</div>
</div>