Javascript 移动布局上怪异的身体填充

如果您转到on mobile layout，检查Google Chrome中的元素并从

body

禁用

overflow-x:hidden

，然后再次调整大小，那么您将在右侧找到白色垂直条纹（填充）

我不得不在body中添加

overflow-x:hidden

来隐藏这个，但不确定是什么导致了这个。除了使用

溢出-x:hidden

，还有其他方法吗

---

这是一个滚动条。由于溢出的默认行为是添加滚动条

overflow-x：可见

可能是正确的方法。
这是一个滚动条。由于溢出的默认行为是添加滚动条

overflow-x：可见

可能是正确的方法。
因此，您使用
overflow-x
解决方案是可行的解决方案，但如果您想了解如何调试重影元素，请阅读以下内容：

基本上，我调试了你的站点，看到你的一些部分（主要是2或3列中的部分，浮动）超出了包装器的宽度。通过将其输入CSS，您也可以看到这一点

*{
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
}

向下滚动并查找超出主div的部分，例如：

其中大多数是浮动部分上的一点额外边距或填充的结果



就像我说的，
宽度：100%和
溢出-x：隐藏
仍然是一个非常常见的解决方案，如果您想修复结构，这就是如何调试它

希望这有帮助
 因此，使用
overflow-x
解决方案是一个可行的解决方案，但如果您想了解如何调试ghost元素，请阅读以下内容：

基本上，我调试了你的站点，看到你的一些部分（主要是2或3列中的部分，浮动）超出了包装器的宽度。通过将其输入CSS，您也可以看到这一点

*{
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
}

向下滚动并查找超出主div的部分，例如：

其中大多数是浮动部分上的一点额外边距或填充的结果



就像我说的，
宽度：100%和
溢出-x：隐藏
仍然是一个非常常见的解决方案，如果您想修复结构，这就是如何调试它

希望这有帮助
 滚动条有时是可见的，并且在正文中显示额外的填充或边距隐藏overflow-x将起作用

html, body {
    width: 100vw;
    overflow-x: hidden;
}

滚动条有时可见，并显示如额外的填充或正文中的空白隐藏溢出-x将起作用

html, body {
    width: 100vw;
    overflow-x: hidden;
}

我看不出来，进入模拟模式后是否尝试刷新页面？（chrome调试很好，但有一些怪癖，例如滚动条需要页面刷新才能切换到移动模式）我看不到，您在进入模拟模式后是否尝试过刷新页面？（chrome调试很好，但有一些怪癖，例如滚动条需要页面刷新才能切换到移动模式）我感谢您的友好调试和推荐！非常感谢您的友好调试和推荐！