iPhone iPad页面格式化问题

Question

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

浏览器视图：

iPad mini视图：

例如，浏览器（每个图像）应呈现黑暗的标题区域为：

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而不是800。 将此元标记放在头标记

中

例如。

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