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

Question

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

您可以通过缩小浏览器的左侧或右侧来复制相同的行为。一旦你有最小的水平滚动，你会看到黑色背景缩小。

问题是main属性：

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

更准确地说是bg1-1.png1043x14 像素的图像，它没有按应有的方式重复，我不明白为什么。我错过了什么？

Answer 1

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