mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-31 22:25:30 +00:00
148af868e8
Font inflation flow roots are similar to block formatting contexts, though I'm trying to make not all block formatting contexts be flow roots in later patches on this bug, bug 707195, and related bugs. This will lead to more consistent font size inflation in a flow of text where the blocks vary in width (e.g., because some of the blocks have horizontal margins) but we determine the text to comprise a single flow.
17 lines
408 B
HTML
17 lines
408 B
HTML
<!DOCTYPE HTML>
|
|
<style>
|
|
div.outer { font-size: 12px; width: 600px }
|
|
div.middle { width: 450px; }
|
|
div.inner { width: 300px; }
|
|
</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.
|
|
-->
|
|
<div class="outer">
|
|
<div class="middle">
|
|
Text in middle.
|
|
<div class="inner">Text in inner.</div>
|
|
</div>
|
|
</div>
|