viewport-fit=cover 在 iOS Safari 上不起作用？

Answer 1

viewport-fit=cover

似乎对我有用，但作为片段运行时不起作用。当您在 iPhone 上运行下面的代码片段时，您看不到所需的结果。 （我相信这是片段的限制 - 即使在整个页面中显示的片段仍在

iframe

内，因此元标记的范围仅限于

iframe

。）

但是，尝试此链接，它实际上具有与代码片段相同的代码，您可以看到图像确实填充了凹口区域（当手机处于横向方向时）。

body {
  background-image: url(https://picsum.photos/id/237/1000);
  background-size: cover;
  background-position: center;
  height: 100svh;
}

<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> 

Answer 2

找出问题所在。这是两个名为 viewport 的元标记相互冲突，最终在我的父主题中找到了。所以我可以替换子主题中的功能。

Answer 3

有谁知道为什么这在 nextjs 14 中不起作用？