| hyatt@apple.com | a67f96a | 2009-07-15 17:02:30 +0000 | [diff] [blame] | 1 | <html> |
| 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 | ||||
| 4 | to update as well. | ||||
| 5 | <div style="font-size:10px"> | ||||
| 6 | This text should be small. | ||||
| 7 | <div style="font-size:1rem"> | ||||
| 8 | This text should match the root (and be 24px). | ||||
| 9 | </div> | ||||
| 10 | </div> | ||||
| 11 | <script> | ||||
| 12 | document.body.offsetWidth; | ||||
| 13 | document.documentElement.style.fontSize = '24px'; | ||||
| 14 | </script> | ||||
| 15 | </body> | ||||
| 16 | </html> | ||||