html - iPhone iPad 页面格式问题

Question

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

浏览器 View :

iPad 迷你 View :

例如，在浏览器中(每个图像)应该呈现黑色的标题区域是:

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;
}

欢迎提出任何建议。谢谢!

Answer 1

我认为这个元标记设备宽度有问题。

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

我在 width="800" 的元标记中给出的元标记将您的网站宽度而不是 800。将此元标记放在 head 标记中

例如。

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