1

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

在此处输入图像描述

加载它时看起来不错，因为它只放大到内容，但是如果您向上或向下滚动并且不小心将手指向右移动，则会激活水平滚动。屏幕截图显示手动缩小。

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

在此处输入图像描述

我正在使用基本视口：

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

这里发生了什么？我从来没有见过比它的<html>容器更宽的页面。

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

http://labs.mechanicalscribe.com/notes/wikipedia-music-transcriptions/

4

1 回答 1

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

删除这两个CSS规则，你的问题应该得到解决

于 2013-05-13T22:45:27.283 回答