css - Firefox 滚动条，但不在 Chrome 上

Question

我在这个网站上找不到 CSS 错误的地方。在 Firefox 上，它显示向右滚动，但在 Chrome 上，它看起来不错。我在想overflow:hidden;，但我似乎找不到把它放在哪里。

这是网站：http ://www.llmedia.co/

欣赏它！

Answer 1

我在 Chrome 中看到一个滚动条，所以我猜它与您的视口大小有关。尝试在 Chrome 中缩小浏览器窗口，看看会发生什么。使用时要小心overflow:hidden;。无论出于何种原因，您都可能向没有大视口的用户隐藏内容。

Answer 2

问题出在您的页脚中。您的整个页面宽度为 960 像素。但页脚 ul 宽度为 1100 像素。因此，在小屏幕中，您的网站右侧会有一个滚动条。同样的结果也会出现在 Firefox 浏览器中。所以将页脚宽度减小到 960px，你的滚动条就会消失！

#footer ul { width: 960px; }