レスポンシブデザインを支援するために、#dimensionsというDIVをposition:absoluteに配置しました。これにより、いつでもブラウザウィンドウの幅がわかります。
jQuery("#dimensions").html(jQuery('body').width());
jQuery(window).resize(function() {
jQuery("#dimensions").html(jQuery('body').width());
});
問題は、jQuery('body')が言うこと(たとえば、960px)と、メディアクエリが実行される実際のブラウザ幅(たとえば、 "@ media screen and(max-width:960px)]の間には常に20ピクセルの違いがあることです。 )")が実際に実行されます。
それはなぜですか、そしてそれを修正する方法は?