| ③ JavaScript でウィンドウサイズを取得 | 
          
          
              | https://web-designer.cman.jp/javascript_ref/window/size/ 詳細参照    | 
              貴方のパソコン | 
            
          
            | 横幅 (高さは省略) | 
            幅 | 
            高さ | 
          
          
            | No. | 
            JavaScript | 
             | 
            意味 | 
            id | 
            数値 | 
            id | 
            数値 | 
          
          
            | x1 | 
            window.screen.width | 
              下と同じ | 
              ディスプレイ(画面) | 
            id-x1 | 
             | 
            id-x2 | 
             | 
          
          
            | a1 | 
            screen.width | 
             | 
            モニタサイズ(解像度) | 
            id-a1 | 
             | 
            id-a2 | 
             | 
          
          
            | b1 | 
            screen.availWidth | 
             | 
            タスクバーなどを除くモニタ有効域の幅 | 
            id-b1 | 
             | 
            id-b2 | 
             | 
          
          
            | c1 | 
            window.innerWidth  (*1) | 
             | 
            ブラウザ内の表示域(スクロールバーを含む) | 
            id-c1 | 
             | 
            id-c2 | 
             | 
          
          
            | d1 | 
            window.outerWidth  (*1) | 
             | 
            ブラウザ表示域(ブラウザ全体の外周) | 
            id-d1 | 
             | 
            id-d2 | 
             | 
          
          
            | e1 | 
            document.body.clientWidth | 
             | 
            ブラウザ内の表示域(スクロールバーを除く) | 
            id-e1 | 
             | 
            id-e2 | 
             | 
          
          
            | f1 | 
            document.body.offsetWidth | 
             | 
            ブラウザ内の表示域(スクロールバーを除く) | 
            id-f1 | 
             | 
            id-f2 | 
             | 
          
          
            | g1 | 
            document.body.scrollWidth | 
             | 
            ブラウザ内の表示域(スクロールバーを除く) 
            ※widthを指定している場合は*2参照 | 
            id-g1 | 
             | 
            id-g2 | 
             | 
          
          
            | h1 | 
            document.documentElement.clientWidth | 
            IE8以下 | 
            ブラウザ内の表示域(スクロールバーを除く) | 
            id-h1 | 
             | 
            id-h2 | 
             | 
          
          
            | i1 | 
            document.documentElement.offsetWidth | 
             | 
            ブラウザ内の表示域(スクロールバーを除く) | 
            id-i1 | 
             | 
            id-i2 | 
             | 
          
          
            | j1 | 
            document.documentElement.scrollWidth | 
             | 
            ブラウザ内の表示域(スクロールバーを除く) 
            ※widthを指定している場合は*2参照 | 
            id-j1 | 
             | 
            id-j2 | 
             |