0

嗨，我在这个网站上工作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;}

问题2。图像被剪掉了。村庄图像更宽，但没有显示。

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 的网站。

4

1 回答 1

0

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

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

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

于 2013-06-22T07:04:49.303 回答