<!DOCTYPE html> | |
<html> | |
<head> | |
<title>Font relative lengths in @viewport relative to initial font</title> | |
<style> | |
html { font-size: 100px; } | |
</style> | |
</head> | |
<body> | |
<script> | |
document.body.offsetWidth; // Trigger style resolving | |
</script> | |
<style> | |
@viewport { | |
width: 10em; | |
height: 10rem; | |
} | |
</style> | |
<script> | |
if (window.testRunner) { | |
testRunner.dumpAsText(); | |
document.body.offsetWidth; // Trigger style resolving | |
alert(internals.viewportAsText(document, 1, 320, 352)); | |
} | |
</script> | |
</body> | |
</html> |