Safari 100vw 缩放时的布局问题 - 帮助我理解



有没有人看到 Safari 和缩小的问题?我有一个宽度为 100vw 的div ,当我缩小时,100vw 不会重新计算。

我知道视口单元有一些怪癖,并记录在canIuse页面上,但是它们似乎都不是我所看到的。我是否在某处缺少相应的属性?

这是一个演示问题的 jsFiddle。在 Safari 中加载它并缩小:https://jsfiddle.net/4vax8Lga/

<body>
<div style="background: red; height: 100vh; width: 100vw; color: white">
  100%width
  <p>Zoom out to see if I fill the entire screen<p>
</div>
<body>

>caniuse实际上缺少有关此错误的信息。我在其他地方报告了它,但相同的答案:

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

错误:https://bugs.webkit.org/show_bug.cgi?id=145614

变更集:https://trac.webkit.org/changeset/225277/webkit

最新更新