在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比例小于网站的其他部分。您需要将其设置为固定宽度，以便它不会像那样缩小。