OSX Safari上でビューポート単位のvw/vhが100％でなくズームインしても機能しない

は、一例として、このコードを取る：

<body style="margin: 0;"> 
 
    <div style="background: red; 
 
       height: 100vh; 
 
       width: 100vw;"></div> 
 
</body>

100％ズームで、それが正常に動作します。ただし、ズームアウトすると、ChromeとFirefox（この例では）は、ページ全体に赤色のdivが表示されます。一方、サファリはズームの100％でビューポートに対して計算されているようにレンダリングされているようです。vwとvh

これは予想された動作ですか、これはSafariの動作が他のブラウザと異なるのでしょうか？同じ方法でvwとvhをレンダリングする他のブラウザはありますか？

2016-08-17 gligoran

私が知っているのは、Safariだけが再計算に問題があることです。このプロパティの詳細については、http://caniuse.com/#feat=viewport-unitsを参照してください。

2016-08-17 11:44:44

これはSafariのバグで、2017年11月に閉鎖されたと伝えられています。Safari 12に移行するかどうかは不明です。

2018-02-21 11:29:44

答えて