メディアクエリ（Media Queries）の罠 – $(window).width()とスクロールバー | ツクメモ - ウェブやアプリをツクるヒトのメモ

メディアクエリ（Media Queries）の罠 – $(window).width()とスクロールバー 2015-05-26 JavaScript スクロールバーが表示される場合その幅を含んでしまうということです。 メディアクエリだけで、レスポンシブWebデザインを行うのであれば、ブレークポイントのずれがないので、問題ありません。 しかし、JavaScriptを一緒に使う場合は、注意が必要です。 jQueryでWindowサイズを取得する場合、このように書くことが多いと思います。 これだと、スクロールバーの幅が含まれていないので、15～20pxくらいメディアクエリと差が出てしまいます。 jQuery if ( $(window).width() < 768 ){ ... } レスポンシブで、メディアクエリとともにJavaScriptを併用するとき、メディアクエリ側でスクロールバーを含むの

[ryo_n574]

これ、本当に罠だよなぁ