Page快速重新格式化本身主要在Chrome中

Question

經過對我們網站的一些更改後，我們看到當加載某些頁面時，頁面會快速更改寬度。每次在Webkit瀏覽器Chrome和Safair上都會出現這種情況，但在其他某些瀏覽器上很少出現。

我一直無法在Windows上的Firefox，Mac上的Firefox，IE9和IE11上產生效果。 IE8和IE10似乎很少出現這種情況。我還沒有找到一個模式，導致它出現在IE8和IE10上。

要理解可能導致這種情況的原因，最好知道某些樣式屬性在頁面加載時是否採用初始值，但在頁面完全加載時會採用其他值。這可以解釋發生了什麼。

我應該補充說，這個問題是在「應該」沒有引起這個問題的一些變化之後開發出來的。基本上需要添加URL重寫來消除重複的頁面。顯然一些副作用是有效的。

目前我們只有開發服務器上的代碼，所以現在看起來並不那麼容易，儘管這是響應者顯而易見的第一個問題。所以在這一點上，問題更多的是「在Webkit下通常會導致頁面重新格式化的原因。」

更新：問題似乎追溯到谷歌翻譯。當我從頁面中刪除它時，問題就消失了。把它放回去;問題回來了。

奇怪的是，它主要影響Chrome瀏覽器！ IE10和11可免於使用，即使IE版本較早，問題也少得多。

我可以隨時通過重新加載頁面來演示臨時擴展頁面。

我嘗試將包含翻譯div的div代替容器div並設置一些屬性。到目前爲止，我還沒有找到緩解問題的東西。

我們最近禁用了Google Translate，因爲它開始在頁面底部添加其他垃圾。其他垃圾已經消失，但由於這種新的跳躍，我們將繼續壓制它。

我相信有一些聰明的方法來解決這個問題，但沒有更多的時間。

Answer 1

我確認這個問題肯定是由Google Translate在頁面上造成的。