另一个视口元标记问题

时间:2013-05-05 05:26:20

标签: ipad viewport css

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

无论如何,希望有人可以协助解决这个问题。我知道在SO上已经提出了类似的问题,我已经阅读了其中的一些问题,但它们似乎处于不同的情况下。

我的DIV是100%x100%。

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

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

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

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

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

有什么想法吗? 另外,只是删除脚本中的视口元标记以避免所有这些在一起,这是一个不好的举动吗? 谢谢!

0 个答案:

没有答案