javascriptで画面サイズ（幅・高さ）を取得する

スクロールバーやアドレスバーを含まない

$(window).width()

document.documentElement.clientWidth;





$(window).height()

document.documentElement.clientHeight;

スクロールバーやアドレスバーを含む

値がアドレスバーの出現等によって動的に変化します

window.innerWidth

window.innerHeight

↑ただし一部ブラウザによって挙動がちがうよ！（やなやつ）

毎度混同しがちなのでメモでした。

おまけ

◯◯px以上になったとき、とかに使われるJSの『matchMedia』とCSS『メディアクエリ』ですが、

if(window.matchMedia('(min-width:○○px)').matches){ 〜内容〜 }



@media only screen and (min-width: ○○px) { 〜内容〜 }

この２つはスクロールバーを含むそうです。