iPhone iPad的页面格式问题

我在这个网站上工作，发现在每个浏览器页面居中确定，但在iPad上，页面呈现在屏幕左侧。 iPhone和Galaxy也是如此。此外，“添加此”按钮不会出现在移动设备上，但在DT/NB上的所有浏览器中均可正常工作。iPhone iPad的页面格式问题

浏览器视图： enter image description here

iPad的迷你视图： enter image description here

作为示例，其应该呈现横跨浏览器黑暗头区域（每幅图像）是：

HTML：

<div class="title-bar bar"></div>

CSS：

.bar { 
position: absolute; 
width: 100%; 
left: 0; 
top: 0; 
z-index: -99; 
} 

.title-bar { 
background-color: #000; 
height: 150px; 
width: 100% !important; 
}

欢迎任何建议。谢谢！

来源

2013-11-25 TheRealPapa

尝试检查媒体查询的突破点。 –

嗨奥马尔汗，我不明白你的建议。标题栏和页脚栏的操作方式应与DT浏览器中基于CSS，居中和彩色栏的DT浏览器相同。你能详细说明一下吗？谢谢 – TheRealPapa

我想你正在使用css media quires来使你的网站响应，所以它可以显示你的网站上的内容，只要你想。如果不是这种情况，请提供更多的细节或链接到您的网站，以便我们可以检查 –

我觉得这个元标签divice宽度问题。我在这个元标记width="800"给出

<meta name="viewport" content="width=800">

meta标签把你的网站的宽度，而不800 把这个元标记头标记

如。

<meta name="viewport" content="width= your website width">

来源

2013-11-25 09:51:16

iPhone iPad的页面格式问题

回答

相关问题