iPhone4sの解像度は640x960ピクセルですが、http: //www.whatismyscreenresolution.com/に320x480ピクセルと表示されている場合。誰かがこの違いを説明できますか?
4 に答える
もちろん、Webサイトは実際にデバイスの物理的な解像度を知りません。JavaScriptを介してオペレーティングシステムに解像度を取得するように要求します。iOSでは、これは少し奇妙に機能します。すべてのグラフィック関連のフレームワークとライブラリは「ポイント」でサイズを測定し、1つのポイントは非網膜デバイスでは1ピクセルですが、1つのポイントは網膜デバイスでは2ピクセルです。
たとえば、UIKit
同じことを尋ねた場合、同じ結果が得られます。iPhone 4および4Sでは、[[UIScreen mainScreen] bounds].size
320 x480(ポイント単位のサイズ)も返されます。
window.devicePixelRatio
JavaScriptでは、プロパティを掛けることで正しい解像度を得ることができます。
var scale = window.devicePixelRatio;
window.alert(screen.width * scale + "px x " + screen.height * scale + "px");
ネイティブコードでは、次の値を掛けることで物理サイズを取得できます[UIScreen mainScreen].scale
。
CGSize size;
size.width = [UIScreen mainScreen].scale * [UIScreen mainScreen].bounds.size.width;
size.height = [UIScreen mainScreen].scale * [UIScreen mainScreen].bounds.size.height;
NSLog(@"%@", NSStringFromCGSize(size));
また、Retinaディスプレイを検出するためのCSS3メディアクエリを要求しています。
<link rel="stylesheet" type="text/css" href="foo.css" media="only screen and (-webkit-min-device-pixel-ratio: 2)" />
解像度は640x960ピクセル、解像度は320x480ポイントです。これはRetinaディスプレイと関係があります。Retinaディスプレイでは、ポイントあたり4ピクセル(2x2)ですが、通常の画面では、ポイントあたり1ピクセルしかありません。
1つは画面の解像度です。最近のすべてのLCD画面は、画面情報(テキスト、画像など)を表示するためにピクセル(小さな正方形または長方形のドット)を使用しています。すべてのディスプレイには解像度があり、ピクセルの測定値を意味します。通常、解像度は「640×480」のように表示されます。これは、横に640ピクセル、下に480ピクセルがあることを意味します。これらの数値を掛け合わせると、ピクセルの総数が得られます。VGA、WVGA、XGAなどの一連の文字で指定される標準解像度のセット数があります
ある解像度は別の解像度よりも優れていますか?場合によります。原則として、同じサイズの2つの画面を見て、一方が他方よりも高解像度である場合、高解像度の画面は、表示される画像を構成するピクセルが多いため、より鮮明に見えます。ただし、システムのフォントサイズを変更しない限り、上記の高解像度画面のテキストは小さく表示されます。HTCは、Touch Diamond、Pro、HDなどのすべての高解像度デバイスでシステムフォントサイズを大きくして、読みやすさを向上させました。画面とブラウザの白黒の違いを説明する最良の方法で簡単に理解できます。解像度
レポートの比較
ブラウザの幅/高さとモニターの解像度:ブラウザの幅/高さはブラウザウィンドウ内の表示可能な領域のみであるため、これらのレポートは同じではありません。モニターの解像度は、スクロールバーやブラウザーのウィンドウサイズに関係なく、画面全体です。次のボタンをクリックして、ブラウザの幅/高さおよびモニターの解像度を確認してください。
ブラウザの幅/高さと画面の幅/高さ:ブラウザの幅/高さは非モバイルデバイス専用であり、画面の幅/高さはモバイルデバイス専用であるため、これらのレポートは相互に排他的です。モニターの解像度と画面サイズ:これら2つのレポートは本質的に同じものを表示しますが、相互に排他的でもあります。モニター解像度レポートは非モバイルデバイス専用で、画面サイズレポートはモバイルデバイス専用です。
オンラインツール
ブラウザの幅:ブラウザの表示可能領域のピクセル単位の幅。スクロールバーが考慮され、ウィンドウサイズが変更されると変更されます。この数は、IEの場合はjavascriptメソッドdocument.body.offsetWidthを使用して計算され、他のすべてのブラウザーの場合はwindow.innerWidthを使用して計算されます。
ブラウザの高さ:ブラウザの表示可能領域のピクセル単位の高さ。タイトルバーとブックマークバーが考慮され、ウィンドウサイズが変更された場合に変更できます。この数は、IEの場合はjavascriptメソッドdocument.body.offsetHeightを使用して計算され、他のすべてのブラウザーの場合はwindow.innerHeightを使用して計算されます。
モニターの解像度:ブラウザーのサイズに関係なく、モニター全体の幅と高さ(ピクセル単位)。これは、javascriptメソッドscreen.widthおよびscreen.heightを使用して計算されます。
画面サイズ:モバイルレポートでのみ使用されます。これは、モバイルデバイスのユーザーエージェント文字列に基づいており、各デバイスの画面サイズを含むルックアップテーブルを参照します。
画面幅:モバイルレポートでのみ使用されます。画面サイズと同じように、このレポートのみがデバイスの画面幅のみを参照します。
画面の高さ:モバイルレポートでのみ使用されます。画面サイズと同じように、このレポートのみがデバイスの画面の高さのみを参照します。