画面サイズ確認

 現在の画面サイズを確認できます。

※Javascriptの機能で取得できる値ですので、実際の画面サイズとは異なる場合があります。

No.	項目	幅 (Width)	高さ (Height)	備考
1	screen			スクリーンサイズ
2	screen availd			スクリーンの有効幅
3	devicePixelRatio			OSの表示スケール
4	スクリーン解像度			表示スケールから逆算したスクリーン解像度

使用しているJavascript変数

1. screen

    window.screen.width

    window.screen.height

2. screen avail

    window.screen.availWidth

    window.screen.availHeight

    画面のウェブコンテンツに利用することができる範囲のサイズ。

    タスクバー(Windows)やDock(Mac)などを除いた範囲。

3. devicePixelRatio

    window.devicePixelRatio

    解像度と物理ピクセルの解像度の比。OSで設定してる値。

    Windows: 設定 → システム → ディスプレイ → 拡大縮小とレイアウト

        例: 150%にした場合、devicePixelRatioは 1.5 となる。

    Mac: System Settings → Displays → Advanced... → Show resolutions as list で解像度一覧が表示される。

    Android (Android 13の場合): 設定App → 画面設定 → 表示サイズとテキスト → 表示サイズ

　　　adb でAndroid端末に接続すればより細かい設定が可能。

4. スクリーン解像度

    表示スケールから逆算したスクリーン解像度。

    つまり、1.screen × 3. devicePixelRatio

参考: MDN Web Docs