在右侧移动设备上引导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/respond/和http://www.dreamon.si

我用谷歌搜索，至今没有发现任何东西。

编辑：我是否应该尝试禁用水平滚动并使徽标适合屏幕？

Answer 1

发现overflow-x:hidden;将其放入#intro包装整个页面内容的类中应能正常工作。

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