无响应的网站,无法在移动设备和平板电脑上正确格式化

时间:2013-03-07 20:26:09

标签: mobile-safari

我似乎无法弄清楚为什么这个网站没有默认在移动设备和平板电脑上显示全屏(我只看iphone和点燃火)。它也在屏幕上保持对齐,而不是居中。该网站尚未响应,因此我没有使用任何媒体查询。

http://dev.dhmsounds.com/

当我有以下内容时,主页还会显示促销横幅的完整图片:

html,body{
margin:0;
padding:0;
max-width:100%;
height:100%;
background-color:#534f4b;
color:#534f4b;
z-index:-500;
border:0;

 }

 body{overflow-x: hidden;}

该网站在Firefox,Chrome和Safari网络浏览器中运行良好(仍在IE中测试)。

谢谢!

1 个答案:

答案 0 :(得分:0)

如果有人遇到同样的情况,我发现了问题。我有一个宽度:100%在我的页脚上。这解决了所有内页的问题,但是对于主页,我还必须在我的主促销横幅上隐藏溢出-x:尽管它已经应用于主体。