在OS X上非100%放大Safari时,视口单元vw/vh无法正常工作

Question

我在OSX Safari上遇到麻烦vw和vh单位.

以此代码为例:

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

在100%变焦,它工作正常.但是,如果缩小,Chrome和Firefox(使用此示例)仍会div在整个页面上呈现红色.Safari浏览器,而另一方面,好像被渲染vw,并vh在放大100%对视计算.

这是预期的行为还是Safari对其他浏览器的不同之处？有没有提供任何其他浏览器vw,并vh以同样的方式？

Answer 1

据我所知，只有 Safari 存在重新计算问题。有关此属性的更多已知问题，请参阅此页面：http://caniuse.com/#feat=viewport-units。