问题与一个非常高的居中背景图片有关:
#content_container
{
background-image:url('content-background.jpg');
background-position:top center;
background-repeat:no-repeat;
width:1020px;
height:auto;
}
content-background.jpg
这张图片非常高(3000像素),旨在随着内容的增加而“展示”DIV。
您需要查看页面和完整CSS才能理解,因此我已经剥离了设计中的所有其他内容,并使用此示例重新生成了问题:
http://files.codeulike.com/static/cssexample/example.htm
(由1个HTML文件、1个CSS文件和3个图像组成的示例)
在IE8、Firefox、Chrome中,您将获得一个漂亮的绿色框。但在iOS浏览器中,长而窄的背景图像会被重新缩放,一切都变得奇怪。
(我正在使用第二代iPod Touch,但我认为其他iPhone/iPod Touch也会出现同样的问题)。
非常感谢任何帮助!