レシポンシブを実現するためにウィンドウ表示領域サイズによって表示レイアウトを変えようと思いウィンドウ表示領域サイズを取得する方法を調べてみました。
表示されているエリアの幅サイズはjQueryを使って $(window).width();で取得できました。しかし、この値はスクロールバーの幅が含まれていませんでした。スクロールバーを含めたウィンドウ表示領域の幅サイズを得るときには、JavaScript次のようにすれば良いことが分かりました。
var window_width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
なおjQueryでスクロールバーを含めたウィンドウ表示領域の幅サイズを得るには、$(window).innerWidth()を使えばよいです。
上記のウィンドウ表示領域を含めたいろいろなウィンドウサイズをJavaScriptを使って取得するための手法が示されていました。
また、ここで述べられているウィンドウサイズの取得はjQueryを使ってでも得ることができます。