<html> | |
<body> | |
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 | |
to update as well. | |
<div style="font-size:10px"> | |
This text should be small. | |
<div style="font-size:1rem"> | |
This text should match the root (and be 24px). | |
</div> | |
</div> | |
<script> | |
document.body.offsetWidth; | |
document.documentElement.style.fontSize = '24px'; | |
</script> | |
</body> | |
</html> |