jQueryでウィンドウの幅を調べる
開発環境は、Windows 7 Professional(32bit)+Firefox 58.0.2(32ビット)+jQuery 3.2.1。
HTML側
<div id="size"></div> <div id="size2"></div>
$(window).on('load resize',function(){ $('#size').html('windowの横幅:' + $(window).width()); $('#size2').html('スクロールバーも含めたwindowの横幅:' + window.innerWidth); });
実行結果
参考リンク
jQueryで幅の取得と設定(width,innerWidth,outerWidth)
JQueryで読み込み時とリサイズ時にブラウザサイズに横幅を合わせる - Qiita