移动设备上的白色右边距

Question

我创建了一个可以在桌面上正确显示的网站，但在移动设备上，我在屏幕右侧获得了一个很大的白色边距。我尝试了到目前为止找到的每个解决方案，基本上都是这样的：

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

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

您可以看到此问题here。

Answer 1

您还应设置max-width：100％;或尝试在html代码中找到元素（使用浏览器中的开发工具），其宽度属性值高于移动屏幕分辨率。

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