不同浏览器上的响应式网络问题

Question

我正在制作一个响应式博客模板。我在 Chrome 从头开始​​开发它，但是当我用其他浏览器打开它时，在这种情况下是 Ms Edge 和 Internet Explorer，有一个小问题。当我将 window 调整为移动尺寸时，显示水平滚动条。所以我尝试在 phone 上的 Android 浏览器（而不是 Chrome）中打开，水平滚动消失了。这是来自我的代码还是 Ms Edge 本身？

window调整大小时显示的水平滚动条

Answer 1

您可以在 css 中添加一个简单的 body {overflow: hidden;} 来阻止滚动。

是你想要的吗？

Answer 2

如果您只想隐藏水平滚动条，请将其放入 css:

body {
  overflow-x: hidden;
}