Question

我正在私下试验将Bootstrap添加到我的简单网站。它开箱即用，除了一个奇怪的现象：在小屏幕尺寸上页面太宽。这是我的HTC One的截图：

enter image description here

加载它时看起来没问题，因为它只放大到内容，但是如果向上或向下滚动并意外地将手指向右移动，则水平滚动会激活。屏幕截图显示了手动缩小。

我以为我的页面上有一些元素太宽了。但是当我在浏览器中加载页面并将浏览器调整到尽可能小的大小时，我仍然看到了这一点。但是，当我检查元素时，我发现即使顶级<html>标记只有400像素宽：

enter image description here

我正在使用基本视口：

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

这里发生了什么？我从未见过一个页面比<html>容器宽。

编辑，3月14日，下午4:05： 举个例子，我在这里有网站的引导版本：

Answer 1

kicker{
left: 15px;
width: 800px;
}

删除这两条css规则，你的问题应该修复