爲什麼twitter會在調整大小時在Google Chrome上引導「hiccup」？

當我發現Twitter Bootstrap頁面在某些場合似乎「使Google Chrome失敗」時，我通過更改Google Chrome窗口大小來玩弄自適應CSS。爲什麼twitter會在調整大小時在Google Chrome上引導「hiccup」？

步驟來重現（從臺式計算機）：

開始一個空白谷歌Chrome標籤，全屏
訪問http://twitter.github.com/bootstrap/
逐步使窗口窄，放手鼠標每100像素左右。
繼續下去，直到獲得「完全移動版本」，大約400px（藍色的「Github上的View項目」按鈕位於白色「下載引導程序」按鈕的頂部，並且它們都是全角）。
現在讓窗口再次變厚，讓鼠標在每20像素左右後移動。

在執行步驟4或5時，您可能會產生奇怪的行爲 - Chrome會對尺寸產生混淆，或者忘記繪製頁面的垂直區域（呈白色）。我也設法在極少數情況下獲得「幻影側面窗格」。

我試過在兩個不同的電腦，我仍然得到同樣的問題（包括使用Ubuntu 12）

的事情是，其他敏感部位沒有這個問題。例如參見http://css-tricks.com/。你可以隨心所欲地改變它的大小，並且Chrome從來沒有任何麻煩渲染它的多個佈局（事實上，它有更多的佈局比twitter引導）。

所以我只能斷定這個問題是twitter-bootstrap特定的。可能與編寫CSS規則或HTML內容的方式有關，也可能與文件的結構方式有關。

我使用twitter bootstrap作爲我的網站之一的基礎，我想解決此問題。有沒有人有任何想法如何進行？

來源

2012-07-18 kikito

我在引導站點上沒有此問題。我知道我有時會在其他網站上做。一般來說，這是'重'的。陰影，不透明度，3D變換和邊界半徑往往會增加機會。另外，我在慢速家庭iMac上觀察到的情況比我的速度更快。 – will 2012-07-18 08:52:28

這並不重要。我也面對過它。在iPad，iPhone或iMac上使用我的網站時從未遇到任何問題。 – 2012-07-25 03:42:40

不知道我的機器上是否有可怕的錯誤（Chrome/Win7）。我在找什麼？按鈕不會完全調整（全角）在某個像素範圍之間是我能看到的唯一的東西。 – PJH 2012-08-09 20:12:37

如果您認爲這是引導程序特定的，則應將其發佈到Twitter Bootstrap Github頁面而不是SO。但是，我參加了一個問題票據註冊。在我們指出我們無法在Chrome/OS X和Chrome/Win 7上使用與OP相同的瀏覽器版本重現錯誤之後，這一點就被關閉了。這表明這是一個特定於平臺的鉻錯誤，而不是Bootstrap工具包的問題。有了這個說法，我會和chrome團隊一起提出一張票，包括你的build＃和OS/Platform設置。

Link to the Github Issue

來源

2012-08-13 12:58:52

不錯的主意。 thaks！ – kikito 2012-08-13 17:23:27

仍然有問題。我使用的是Ubuntu 12.04。這只是與ubuntu的問題？爲了顯示缺少問題的屏幕，我發佈了一個答案。 – suhailvs 2013-07-20 12:12:14

爲什麼twitter會在調整大小時在Google Chrome上引導「hiccup」？

回答

相關問題