这是我的代码:
#body_background {
background:transparent url('../images/am_bg_header.jpg') repeat-x 0 0;
display: block;}
#header {
height:107px;
}
在iPad上由于某种原因,背景在右边流动但不在左边...... background_body标签是最外面的标签(除了身体)但是它似乎仍然限制在右边,我希望它在无穷无尽的正确的.
猜猜'为什么？
小智 9
我知道这已经有六个月了,但我遇到了同样的问题并通过Safari Web开发人员指南找到答案:iPad(或iPhone)视口的默认宽度是980px,如果你设计的页面大于此,你的自动内容(任何没有宽度的东西)似乎都会在那个边缘切断.
要解决此问题,您需要通过向头部添加元标记将视口设置为您希望查看页面的宽度,如下所示:
<head>
<meta name="viewport" content="width=1050" />
</head>
如果您的页面宽度小于980px,那么这可能不是您遇到的问题.