Question

我正在使用 Dreamweaver 制作响应式网站。它有 3 个分辨率设置 max-420 px, max-720px, max-992px 我已经在 2 部安卓手机（oppo a71 和 realme c15）上测试了该网站。而且效果很好，右侧没有溢出！

但是，当我在移动 Safari 和 google chrome 上的 iphone 12 上对其进行测试时，即使我使用了以下 css，在查看网站时用户仍然可以侧向滑动：

body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-family: montserrat;
    font-style: normal;
    font-weight: 400;
    overflow-x: hidden
}

我还在头部的 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0"> 中插入了这个元标记

我检查了内容中的 div 是否以任何方式溢出。但他们没有。

网站链接：www.barefootorigins.com/VivaslimSNC1

任何帮助将不胜感激。谢谢！

在 iPhone 12 上查看时网站水平溢出（溢出隐藏）

0 个答案: