手机（iphone）查看问题

Question

我遇到了移动视图问题，每当我加载网站时，它都会朝着正确的方向发展。每个部分大小相等，但不知道为什么会这样。此问题仅适用于 iPhone..

我尝试添加此代码：

body{
overflow:hidden;
}

但它也不起作用。请帮我解决这个问题。

网站link： http://demo.lamppostmedia.in/arklan1

Answer 1

我在设备宽度为375px的iPhoneX上检查过。

并且您将 width: 400px; 交给包装器，它正在创建水平滚动条。

@media (max-width: 767px)
.wrapper {
    margin-left: -15px;
    width: 400px;
    margin-top: -90px;
}

你可以像下面这样使用它。

@media (max-width: 767px)
.wrapper {
    margin-left: -15px;
    max-width: 400px; // modified
    width:100%;       // added
    margin-top: -90px;
}

手机（iphone）查看问题

Mobile(iphone) view issue

html

css

iphone

mobile