2017-03-10 10 views
1

javascriptを使用して自分のディスプレイ解像度を取得していました。私は私のMacのディスプレイの設定を確認しに行くときは、次のコードでは、しかし、私のMacBook ProのJavascriptまたはjQueryでディスプレイ解像度を取得する

var screenWidth = screen.width; 
var screenHeight = screen.height; 

のために私のx 9001440の結果を与えました。それは2880 x 1800を示しています。 ディスプレイの解像度を得るのが間違っていたのでしょうか?

Macbook Pro display setting

答えて

4

あなたはRetinaディスプレイを持っています。 devicePixelRatioを使用して、物理ディスプレイのサイズを確認することができます。あなたの例では

var physicalScreenWidth = screen.width * window.devicePixelRatio; 
var physicalScreenHeight = screen.height * window.devicePixelRatio; 

devicePixelRatioは、それは私のために素晴らしい作品2

+0

になります。しかし、ちょうど質問がある、それは別のブラウザを通してすべてのデバイスで動作するだろうか? –

+0

https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio –

関連する問題