css - 为什么 Twitter 在调整大小时在 Google Chrome 上 Bootstrap "hiccup"？

Question

当我注意到 Twitter Bootstrap 页面在某些情况下似乎“使 google chrome 失败”时，我正在通过更改我的 Google Chrome 窗口大小来玩自适应 CSS。

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

1. 从空白的 Google Chrome 浏览器标签页开始，全屏
2. 访问http://twitter.github.com/bootstrap/
3. 逐渐缩小窗口，每 100 像素左右松开鼠标。
4. 继续前进，直到获得“完全移动版本”，大约 400 像素(蓝色的“在 github 上查看元素”按钮位于白色的“下载 Bootstrap”按钮之上，它们都是全 Angular 的)。
5. 现在再次使窗口变厚，让鼠标每 20 个像素左右移动一次。

在执行第 4 步或第 5 步时，您可能会遇到奇怪的行为 - Chrome 会对尺寸感到困惑，或者忘记绘制页面的垂直区域(呈白色)。在极少数情况下，我还设法获得了“幻影侧 Pane ”。

我已经在两台不同的电脑上试过了，但我仍然遇到同样的问题(都使用 Ubuntu 12)

事实是，其他响应式网站没有这个问题。参见示例 http://css-tricks.com/ .您可以随心所欲地更改它的大小，而且 Chrome 在呈现它拥有的多种布局方面从来没有任何问题(事实上，它比 twitter bootstrap 拥有更多的布局)。

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

我正在使用 twitter bootstrap 作为我的一个网站的基础，我想解决这个问题。有没有人对如何进行有任何想法？

Answer 1

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

Link to the Github Issue