| 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 |