嗨,我在这个网站上工作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 的网站。