2012-05-07 79 views
3

我最近注意到在過去幾周內Google Chrome似乎正在爲我所有在Chrome中運行的頁面和應用程序添加CSS類(和樣式塊),這些頁面和應用程序與縮放頁。Chrome將cssClass添加到HTML元素

它可能會導致一些相當討厭的外觀變化,特別是對於要以100%寬度顯示的頁面。 (它在傳統上出現滾動條的右側和底部區域留下不必要的空白)

我試圖通過創建一個簡單的jQuery函數來解決這個問題,該函數會將縮放設置爲1(以保持事物以前的狀態) ,這工作,但我正在尋找任何其他想法可能會更乾淨。

添加的類:

<html class='cssClass'> 

添加類型Block:

<style type="text/css"> 
    .cssClass { -webkit-transform: scale(0.990625); 
    -webkit-transform-origin: 0 0; } 
</style> 

當前的解決方案:

if($.browser.webkit){ 
    setTimeout(function(){ 
     $('html').removeClass('cssClass').css('-webkit-transform', 'scale(1)'); 
    }, 1); 
} 

這解決了這個問題 - 但是,我只是想我會看看是否有其他人遇到過任何其他問題(或者有其他希望的更優雅的修復方法)。

更新:這是由擴展引起的。我會留下這個問題,以防其他人感覺像他們像我一樣徘徊到一個外星世界。

回答

4

轉到工具 - >設置 - >擴展,然後禁用所有的擴展,它會停止。然後,您可以一次啓用它們以確定哪一個實際上正在執行此操作。

+0

如果這是擴展的結果,我會覺得很愚蠢。雖然 - 這就是爲什麼我問這個問題,我不可能想象這樣的事情不會有各種各樣的人抱怨。謝謝保羅。 –

+0

正確。我感到很傻。謝謝保羅。 –

+0

@RionWilliams沒問題。我知道這是如此之快的唯一原因是因爲我有一個非常類似的問題,並最終在這之前問這裏哈哈:http://stackoverflow.com/questions/6871221/what-is-this-strange-div-in -google-chrome – Paulpro