iOS中的背景图片repeat-x不起作用

Question

您好我在这个网站上工作http://sealonline.playrohan.com/main.html#&slider1=3

在网络浏览器中看起来不错，但在移动设备上看起来不同。

问题1。 页脚的背景图片repeat-x无效。

div.load    {height:12px; width:100%; background:url('/image/seal_common/footer_pt.gif') 0 0 repeat-x;}

problem2。 图像被切掉了。 villige图像更宽，但没有显示。

div.villige {height: 124px; width:100%; text-align:center; background:url('/image/seal_common/bg_footer.png') 0 0 no-repeat bottom; display: block;}

问题3。 中段不在中间。 我已经把这个。

<meta name="viewport" content="width=device-width">

但它仍然无效。

这是第一个使用html 5的网站。

Answer 1

您可以先尝试将您的身体css属性margin: 0;替换为margin: 0 auto;吗？然后在你的身体标签上添加一些其他样式：

position: relative;
width: 100%;
max-width: <the max width of your background image>;

让我知道接下来会发生什么。