Question

我在OSX Safari上遇到vw和vh单位时出现问题。

以此代码为例：

＆＃13;

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

＆＃13;

100％变焦，效果很好。但是，如果缩小，Chrome和Firefox（使用此示例）仍会在整个页面上呈现红色div。另一方面，Safari似乎正在呈现，好像vw和vh是在缩放100％时针对视口计算的。

这是预期的行为还是Safari对其他浏览器有不同的看法？还有其他浏览器以同样的方式呈现vw和vh吗？

Answer 1

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

Answer 2

这是Safari中的一个错误，据报道于2017年11月关闭。目前还不清楚它是否会登陆Safari 12。