1. ホーム
  2. ジャバスクリプト

[解決済み】JavaScriptで画面の解像度を検出する方法とは?

2022-04-06 18:35:38

質問

すべてのブラウザで動作する方法はありますか?

解決方法は?

オリジナル回答

はい。

window.screen.availHeight
window.screen.availWidth

更新 2017-11-10

から ツナミ をコメントで紹介しました。

モバイルデバイスのネイティブ解像度を得るには、デバイスのピクセル比を掛け合わせる必要があります。 window.screen.width * window.devicePixelRatiowindow.screen.height * window.devicePixelRatio . これはデスクトップでも有効で、比率は 1 になります。

そして、以下から ベン を別の回答で紹介しました。

vanilla JavaScriptでは、これでAVAILABLE width/heightを得ることができます。

window.screen.availHeight
window.screen.availWidth

絶対的な幅・高さには、以下を使用します。

window.screen.height
window.screen.width