デバイスピクセル比は、'window.devicePixelRatio'プロパティで取得できます。
デバイスのピクセル数は、スクリーンサイズ( 'screen.width', 'screen.height' )にデバイスピクセル数をかければ算出できます。
<!doctype html> <html> <head> <meta charset="UTF-8"> </head> <body> <h1>デバイスピクセル比の取得</h1> <script type="text/javascript" language="javascript"> <!-- document.write( "スクリーンの幅 = " + screen.width + "px<br/>" ); document.write( "スクリーンの高さ = " + screen.height + "px<br/>" ); document.write( "デバイスピクセル比 = " + window.devicePixelRatio + "px<br/>" ); document.write( "デバイスのピクセル幅 = " + window.devicePixelRatio * screen.width + "px<br/>" ); document.write( "デバイスのピクセル高さ = " + window.devicePixelRatio * screen.height + "px<br/>" ); // --> </script> </body> </html>
スクリーンの幅 = 320px スクリーンの高さ = 480px デバイスピクセル比 = 2px デバイスのピクセル幅 = 640px; デバイスのピクセル高さ = 960px;
