为什么在调整大小时Twitter会在Google Chrome上引导"hiccup"？

Question

当我注意到Twitter Bootstrap页面似乎"在某些情况下使Google Chrome失败"时,我通过更改我的Google Chrome窗口大小来玩适应性CSS.

重现的步骤(从台式计算机):

1. 全屏显示空白的Google Chrome标签
2. 访问http://twitter.github.com/bootstrap/
3. 逐渐使窗口变窄,每100像素左右放开鼠标.
4. 继续前进,直到你得到"完全移动版本",大约400px(蓝色的"在github上查看项目"按钮位于白色"Download Bootstrap"按钮的顶部,它们都是全宽).
5. 现在让窗口再次变厚,让鼠标每20个像素左右移动一次.

有可能在执行第4步或第5步时会出现奇怪的行为 - Chrome会对尺寸感到困惑,或者忘记绘制页面的垂直区域(呈现白色).在极少数情况下,我还设法得到了一个"幻影侧窗格".

我尝试过两台不同的计算机,我仍然遇到同样的问题(都使用Ubuntu 12)

问题是,其他响应式网站没有此问题.例如,参见http://css-tricks.com/.你可以随心所欲地改变它的大小,而Chrome在呈现它所拥有的多个布局时从来没有遇到任何麻烦(事实上,它有比twitter bootstrap更多的布局).

所以我只能得出结论,这个问题是特定于twitter-bootstrap的.可能与CSS规则或HTML内容的编写方式有关,或者与文件结构的方式有关.

我使用twitter bootstrap作为我的一个站点的基础,我想解决这个问题.有没有人对如何进行有任何想法？

Answer 1

如果您认为这是特定于引导程序的，则应将其发布到 Twitter Bootstrap Github 页面而不是 SO。但是，我一直在参与问题票证注册。在我们指出我们无法在 Chrome / OS X 和 Chrome / Win 7 上使用与 OP 相同的浏览器版本重现该错误后，此问题已关闭。这表明这是一个特定于平台的 chrome 错误，而不是 Bootstrap 工具包的问题。话虽如此，我会向 chrome 团队提出一张票，包括您的版本号和操作系统/平台设置。

链接到 Github 问题