OLD | NEW |
1 <html> | 1 <html> |
2 <body> | 2 <body> |
3 This is a test of dynamic rem unit scaling. Changes to the root element's font
size need to cause dependent elements in the document tree | 3 This is a test of dynamic rem unit scaling. Changes to the root element's font
size need to cause dependent elements in the document tree |
4 to update as well. | 4 to update as well. |
5 <div style="font-size:10px"> | 5 <div style="font-size:10px"> |
6 This text should be small. | 6 This text should be small. |
7 <div style="font-size:1rem"> | 7 <div style="font-size:calc(0% + 1rem)"> |
8 This text should match the root (and be 24px). | 8 This text should match the root (and be 24px). |
9 </div> | 9 </div> |
10 </div> | 10 </div> |
11 <script> | 11 <script> |
12 document.body.offsetWidth; | 12 document.body.offsetWidth; |
13 document.documentElement.style.fontSize = '24px'; | 13 document.documentElement.style.fontSize = '24px'; |
14 </script> | 14 </script> |
15 </body> | 15 </body> |
16 </html> | 16 </html> |
OLD | NEW |