css - 移动设备滚动得太远(进入空白区域)

Question

这是我在这里的第一个问题。我发现了类似的问题，但就是找不到我的错误到底在哪里。

关于手机版的 http://www.so-na.com/mnh2016/test/

使用某些移动/触摸设备(Samsung Galaxy Tab 3、iPhone 4)访问页面时，可能会水平滚动并进入一些空白区域。这不是故意的。我希望内容 100% 宽，两边没有空白。

这个元素让我压力太大，我看不出我错过了什么。请帮忙!

Answer 1

尝试将 overflow 放在 html 和正文上(正如您已经完成的那样)。

html {
  overflow-x: hidden;
}

我还没有在设备上测试过这个，但看看吧。