Html iphoneipad页面格式化问题

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

浏览器视图：

iPad迷你视图：

例如，应在浏览器中呈现黑色的标题区域（每幅图像）为：

HTML:

---

欢迎任何建议。谢谢

我认为这个元标记划分了宽度问题

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

---

试着检查一下你们媒体提问的转折点。嗨，乌马尔汗，我不理解你们的建议。标题栏和页脚栏的操作方式应与DT浏览器中基于CSS的操作方式相同，在浏览器中居中并带有颜色的栏。你能详细说明一下吗。Thanksi假设您正在使用css媒体要求使您的网站具有响应性，因此它可以根据您的需要在您的网站上显示内容。如果不是这样，请提供更多详细信息或链接到您的网站，以便我们可以检查Hi Umar Khan不，我不是自己做的，这是一个大型商业网站，CMS会动态地做。有两个不同的CSS模板，一个用于移动设备，另一个用于PC浏览器。在iPad上，它默认为PC浏览器CSS（移动模板看起来完全不同），并且不能根据图片正确解析。网址是。另一个问题是iPad上没有显示“添加此项”按钮，这是添加此网站的std代码，放在页脚。它在DT/NB浏览器上可以正常工作，但在iPad上不行。谢谢你的帮助！

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

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

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

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