css - 以小分辨率查看时，响应式网站上的额外水平宽度

Question

我已经使用 Twitter Bootstrap 创建了一个响应式网站，但是当我以 320x480 的屏幕分辨率查看该网站时，会出现一个水平滚动条，因为该网站似乎有额外的 20px-30px 宽度。您可以通过向右水平滚动来看到这一点。

我已经检查了构成页面的元素，但是我无法弄清楚是什么导致了这个额外的宽度 - 理想情况下我不希望在 320x480 分辨率下进行任何水平滚动。

检查元素后，您可以通过在 Google Chrome 中将分辨率更改为 320x480 来查看问题。

这是网站:

http://www.bestcastleintown.co.uk/wp/

Answer 1

这是 .jumbotron 和 .footer css 规则 margin-right: -20px; 导致的问题。