How to define a font size that scales with browser zoom level?
问题 For my webapp I'm attempting to create a div which maintains the same size regardless of zoom level. That is, if I measure the div with a real-world ruler and it is 3 inches wide, then regardless of how far I zoom in or out, it will always be 3 inches wide. I've noticed that if I define the font-size of the root html document, then I can use the relativistic rem for that div and all of its child elements. The closest I've gotten so far is setting font-size: 1vh; on the html element. Then,