Chromium Code Reviews| 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:1rem"> |
| 8 This text should match the root (and be 24px). | 8 This text should match the root (and be 24px). |
| 9 <div style="font-size:calc(0% + 1rem)"> | |
|
Timothy Loh
2015/07/30 01:06:55
Uhhh.. put this in a separate test, since if it di
| |
| 10 This text should match the root (and be 24px). | |
| 9 </div> | 11 </div> |
| 10 </div> | 12 </div> |
| 11 <script> | 13 <script> |
| 12 document.body.offsetWidth; | 14 document.body.offsetWidth; |
| 13 document.documentElement.style.fontSize = '24px'; | 15 document.documentElement.style.fontSize = '24px'; |
| 14 </script> | 16 </script> |
| 15 </body> | 17 </body> |
| 16 </html> | 18 </html> |
| OLD | NEW |