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 |