避免移动上的水平滚动条

Question

Google工具报告说，这个页面-- β-kmor/meta/FAQ/约. --在移动模式下有一个水平滚动条。我在360x740纵向模式下使用火狐的Ctrl-shift-m验证了它的存在。如何消除那里的水平滚动条？

请注意，添加main { overflow: scroll; }是一个有症状的(也不是很好的)修复，我正在寻找一个更好的解决方案。

( XHTML和CSS都验证。)

Answer 1

main.main {
     max-width: 100vw;
}

或者，更具体地使用媒体查询：

@media (max-width:450px) {
  main.main {
      max-width: 100vw;
  }
}

Answer 2

您需要更改您的grid显示设置在您的身体。在显示块上的移动更改，它将工作。

@media (max-width:650px) {
  body {
      display:block;
  }
}