背景图像重复-X在iOS不工作

它似乎在网络浏览器不错，但在移动它看起来不同。

问题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

欢迎来到Stack Overflow。请一次提出一个问题。这三件事情是不同的问题，有不同的解决方案，应该单独回答。 –

，你可以尝试更换你的身体CSS属性margin: 0;到margin: 0 auto;第一？然后添加一些其他样式到您的身体标记：

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

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

2013-06-22 07:04:49

回答