Bootstrap，Roots主题 - 移动视图右侧的差距

Question

这是我的网站， http://www.superfastgoose.com/

我使用root构建了模板，对于我的生活，我无法弄清楚为什么在768px以下的媒体上右边存在差距。

最初，您没有看到页面加载的差距，但您可以向右滚动。

任何帮助都将不胜感激。

Answer 1

请尝试将此CSS添加到样式表中，希望它能解决问题：

@media (max-width: 768px) {
    .container {
         width: 90%;
    }
}

如果使用屏幕尺寸小于768像素的设备访问网站，则另一种解决方案是简单地为overflow-x: hidden定义body，如下所示：

@media (max-width: 768px) {
    body {
         overflow-x: hidden;
    }
}