iphone - iphone safari 中的背景图像未正确显示

Question

我有一个网站，我无法在 iPhone 上正常查看。有问题的网站是this这是它在 iPhone 上的显示方式:

您可以通过缩小浏览器的左侧或右侧来复制相同的行为。即使是最小的水平滚动条，您也会看到黑色背景缩小了。

问题是 main 属性:

.main {
    background: url("images/bg1-1.png") repeat-y scroll center top transparent;
    margin: 0 auto;
    width: 100%;
}

更准确地说，bg1-1.png 图像是 1043x14 像素，它没有按应有的方式重复，我不明白为什么。我缺少什么？

Answer 1

您的问题是它被设置为 width: 100% 这使得 div.main 比例小于站点的其余部分。您需要将它设置为固定宽度，这样它就不会那样收缩。