I'm having problems installing vw and vh on Safari OSX.
Take this code as an example:
<body style="margin: 0;"> <div style="background: red; height: 100vh; width: 100vw;"></div> </body>
With 100% scaling, it works great. However, if you zoom out, Chrome and Firefox (in this example) still display a red div throughout the page. On the other hand, Safari seems to be rendering, as if vw and vh are being calculated against the viewport with a magnification of 100%.
Is this the expected behavior or is this what Safari does differently for other browsers? Are there other browsers that display vw and vh in the same way?
source share