Mam problemy z jednostkami vw
i vh
w Safari OSX.Jednostki rzutni vw/vh nie działają zgodnie z oczekiwaniami, gdy brak jest 100% powiększenia Safari w systemie OS X
Weź ten kod jako przykład:
<body style="margin: 0;">
<div style="background: red;
height: 100vh;
width: 100vw;"></div>
</body>
zoom na 100%, to działa dobrze. Jeśli jednak pomniejszysz, Chrome i Firefox (z tym przykładem) nadal renderują czerwoną div
na całej stronie. Z drugiej strony Safari wydaje się renderować tak, jakby były obliczane względem rzutni przy powiększeniu 100%.
Czy to oczekiwane zachowanie, czy jest to coś, co Safari robi inaczej niż inne przeglądarki? Czy istnieją inne przeglądarki, które renderują vw
i vh
w ten sam sposób?