2016-08-17 7 views
6

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?

Odpowiedz