2

啊……我开始厌倦了视口标签。

无论如何,希望有人可以帮助解决这个问题。我知道在 SO 上也有人问过类似的问题,并且我已经阅读了很多,但它们似乎处于不同的情况下。

我有一个 100%x100% 的 DIV。

我已将 background-size:cover 应用于此 div 内的背景图像。

在所有浏览器中进行测试时,我得到了一个漂亮、漂亮、全屏的背景图像,它的大小与浏览器窗口一致——应该是这样。即使在 ipad 上,它也会在两个方向上拉起并且看起来很棒。:) 快乐的。

现在,只要我添加了可笑的视口元标记(我预见到很多用户会在我的脚本旁边拍打他们的网站),ipad 就会反抗,除非它是这样的:

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

一旦我允许通过更改初始比例或最大比例来缩放页面,背景大小的封面就会中断。

有任何想法吗?此外,仅删除脚本中的视口元标记以避免所有这些都是一个坏举动吗?谢谢!

4

0 回答 0