Css 为什么推特会启动；“打嗝”；在谷歌浏览器上调整大小时？

当我注意到Twitter引导页面在某些情况下似乎“让Google Chrome失败”时，我正在通过改变我的Google Chrome窗口大小来使用自适应CSS

复制步骤（从桌面计算机）：

从一个空白的谷歌浏览器标签开始，全屏显示

拜访

逐渐缩小窗口，每100像素左右放开鼠标

继续，直到你得到大约400px的“完全移动版”（蓝色的“查看github上的项目”按钮位于白色的“下载引导”按钮之上，它们都是全宽的）

现在再次使窗口变厚，让鼠标每20像素左右移动一次

在执行第4步或第5步时，很可能会出现奇怪的行为-Chrome对页面大小感到困惑，或者忘记绘制页面的垂直区域（呈现为白色）。在一些罕见的情况下，我还成功地得到了“幻影侧窗格”

我已经在两台不同的计算机上试过了，但仍然遇到同样的问题（都是使用Ubuntu 12）

问题是，其他响应站点没有这个问题。例如，见。你可以随心所欲地改变它的大小，Chrome在呈现它的多个布局时从来没有遇到任何问题（事实上，它的布局比twitter引导的多）

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

---

我正在使用twitter引导作为我的一个网站的基础，我想解决这个问题。有人对如何进行有什么想法吗

如果您认为这是特定于引导的，那么应该将其发布到Twitter引导Github页面，而不是发布到Twitter引导Github页面。然而，我一直在参与一个发行票注册。这是在我们指出我们无法使用与OP相同的浏览器版本在Chrome/OS X和Chrome/Win 7上重现错误后关闭的。这表明这是一个特定于平台的Chrome错误，而不是Bootstrap toolkit的问题。说到这里，我会向chrome团队提出一张罚单，包括您的构建和操作系统/平台设置

---

我在引导站点上没有此问题。我知道我有时在其他网站上也会这样做。通常是“重”的。阴影、不透明度、3D变换和边界半径往往会增加机会。而且，我在我较慢的家用iMac上比在我较快的工作iMac上注意到的更多。这其实并不重要。我也面对过。在iPad、iPhone或iMac上使用我的网站从来没有遇到过问题。我不确定我的电脑（Chrome/Win7）上是否出现了严重错误。我到底在找什么？我唯一能看到的是，在某个像素范围内，按钮的大小（全宽）不能完全调整。这似乎是ubuntu特有的问题。我已经在其他设备上测试过了，但无法复制。我在我用Bootstrap构建的网站上也看到了这种行为，但仅在我的Ubuntu平台上。这很烦人，但是可以通过打开开发控制台来“修复”，重新呈现页面。我正在使用ubuntu 12.04。这仅仅是ubuntu的问题吗？？？？为了在屏幕上显示问题，我贴了一个答案。