为什么滚动条出现在我的网站上的移动设备上？

Question

我正在尝试创建一个使用twitter-bootstrap和ember.js响应的小型项目网站。

它在桌面上看起来很棒，除了一件事之外，它主要扩展到移动设备：x和y滚动条出现在我的Android手机上。我不知道iPhone上是否属于这种情况，因为我目前还没有可用的。

我的网站是here

任何人都可以在检查员身上看到任何明显的东西吗？

Answer 1

我试图通过你的CSS查看，但它被缩小了。但是，您要求.about类上的overflow-y属性进行滚动，以便在内容超过包含元素时为您提供滚动条。

所以我认为.about div是你的罪魁祸首，试图在不使用溢出属性的情况下使用你的内容进行div缩放。如果你有10个段落，它会随着大小而增长。例如。

其次看起来好像你正在做很多css以清除浮动，考虑重构。而不是将代码重复放在所有元素上，而不是在css中声明一个类，如果你有浮动元素并且包含的​​div正在折叠，则只使用该类。

这就是我能看到希望有所帮助的一切。