html - 移动设备上的白色右边距

Question

我制作了一个在桌面上正确显示的网站，但在移动设备上我在屏幕右侧有一个很大的白边。到目前为止，我尝试了所有找到的解决方案，基本上意味着以下内容:

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

尝试了每一种组合，但我能得到的最多的是我没有边距，而是一个垂直滚动条，这也不太好。有人可以帮我解决我的问题吗？

可以看到这个问题here .

Answer 1

您还应该设置 max-width: 100%;，或者尝试在您的 html 代码中(使用浏览器中的开发工具)找到 width 属性值高于移动屏幕分辨率的元素。

我发现 .menu2 类元素的边距值为负。将此设置为 0，并将 .main 元素的宽度更改为 100% 而不是 ems 中的值解决了我浏览器中的这个问题。