手机（iphone）查看问题

【问题标题】：Mobile(iphone) view issue手机（iphone）查看问题
【发布时间】：2021-02-22 14:36:25
【问题描述】：

我遇到移动视图问题，每当我加载网站时，它都会朝着正确的方向发展。每个部分的大小相同，但不知道为什么会这样。这个问题只存在于 iphone..

我尝试添加此代码：

body{
overflow:hidden;
}

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

网站链接： http://demo.lamppostmedia.in/arklan1

【问题讨论】：

标签： html css iphone mobile

【解决方案1】：

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

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

【讨论】：