在右侧移动设备上引导 3 个空白 [重复]

Question

在移动设备上向右滚动时出现空白。桌面浏览可以正常工作。我尝试了以下方法，均未奏效。

css:

html, body {
  width: 100%;
  overflow-x: hidden;    <- Don't like this one, would rather have it visible
}

html:

<meta name="viewport" content="width=device-width, initial-scale=1">

我应该尝试禁用水平滚动吗？

用于测试的工具：http://mattkersley.com/responsive/

Answer 1

发现 overflow-x:hidden; 如果放入包装整个页面内容的 #intro 类中，则可以正常工作。

在这里找到解决方案： https://stackoverflow.com/a/14271049/410624