5 <meta name=
"viewport" content=
"width=800">
7 html { font-size:
16px; }
8 body { width:
800px; margin:
0; overflow-y: hidden; }
14 <div style=
"width: 320px; font-size: 1rem">
15 This text should not be autosized, as this div is the lowest common ancestor of the root cluster, and this div is narrow.
<br>
16 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
17 <div style=
"width: 800px; font-size: 2.5rem">
18 This text should be autosized to
40px computed font size (
16 *
800/
320) since it's wider than the lowest common ancestor of its enclosing cluster so it becomes a cluster itself.
<br>
19 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.