私は最近、過去数週間にわたって、Google Chromeがページのスケーリングに関係するChromeで実行されるすべてのページとアプリケーションにCSSクラス(およびスタイルブロック)を追加しているように見えることに気付きました。
これは、特に100%の幅で表示されることを意図したページの場合、かなり厄介な外観の変更になる可能性があります。(これは、スクロールバーが従来表示されていた右側と下部の両方の領域に不要な空白を残します)
スケーリングを1に設定する(以前の状態を維持するために)単純なjQuery関数を作成することで問題を解決しようとしましたが、これは機能しましたが、もう少しクリーンなアイデアを探しています。
追加されたクラス:
<html class='cssClass'>
追加されたスタイルブロック:
<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);
}
これで問題は修正されますが、他の誰かがこれに関して他の問題に遭遇したかどうか(または他のうまくいけばもっとエレガントな修正があるかどうか)を確認すると思いました。
更新:これは拡張機能が原因でした。他の誰かが私のように異星人の世界に迷い込んだように感じた場合に備えて、質問を残しておきます。