モバイル Web 開発のための画面の 3 つの要素_html/css_WEB-ITnose

× 目次 [1] 画面サイズ [2] 解像度 [3] ピクセル密度

前の言葉

実は、「画面の 3 つの要素」という用語については誰も言及していません、それは私のモバイル Web に関するものです開発画面関連の用語を一部まとめました。画面の 3 つの要素には、画面サイズ、画面解像度、画面ピクセル密度が含まれます。

画面サイズ

5.5インチの大画面携帯電話についてよく聞きますが、実際には画面サイズとは画面の対角線の長さを指します。一般的な画面サイズは 3.5、4、4.3、4.8、5.0、5.2、5.5、6.0 などです。

インチの概念はありません。換算式

1英寸 = 2.54厘米

3.5in = 3.5*2.54cm = 8.89cm4.0in = 4.0*2.54cm = 10.16cm4.3in = 4.3*2.54cm = 10.922cm4.8in = 4.8*2.54cm = 12.192cm5.0in = 5.0*2.54cm = 12.7cm5.2in = 5.2*2.54cm = 13.208cm5.5in = 5.5*2.54cm = 13.97cm6.0in = 6.0*2.54cm = 15.24cm

を使用して一般的に使用されるセンチメートルに変換できます。

画面解像度

画面解像度は、画面上のピクセル数を指し、通常、解像度は垂直ピクセル * 水平ピクセルで表されます。一般的なディスプレイ解像度には 800*600、1024*768、1280*720、1600*900、1920*1080 が含まれます。単位は px です

[注] ピクセルに関する関連知識はこの点に移動されています

Retina スクリーンでは、単位 px と pt の違いに注意してください。画面が通常の画面の場合、1px = 1ptとなり、単位独立に相当します

例えば、iPhone6の画面サイズは375pt*667pt、DPR=2なので、pxに換算すると、画面解像度は750pxとなります。 *1334px

【HDと4K】

モバイルデバイスとスマートTVで最も人気のある2つのキーワードはおそらくHDと4Kです。どちらもディスプレイデバイスの解像度を表すために使用される規格です。

HD: 固定の規格はなく、基本的に幅720pxのものはHDとみなされます

Full HD (フルHD): 1920*1080の解像度

4K: 4kはQHDまたはUHD (Ultra High Definition)とも呼ばれ、最小解像度 解像度は 3840*2160 で、これは主に現在のハイエンド TV の解像度ですが、主に映画プロジェクターやプロ仕様のカメラで使用されるより高い標準の 4096x2160 もあります。

【カメラの画素数について】

カメラは1000万画素に対応しているとよく聞きます。カメラで言及されているピクセルは、実際には最大ピクセルを意味します。このピクセル値は、カメラがサポートする有効な最大解像度にすぎません。

640*480 = 307200 = 30万像素1600*1200 = 1920000 = 200万像素3264*2488 = 8120832 = 800万像素4536*3024 = 13716864 = 1400万像素

DPI と PPI

DPI (Dots Per Inch) は、印刷業界で空間ドット密度を測定するために使用されます。この値は、プリンターが 1 インチあたりに噴射できるインク ドットの数です。コンピュータ ディスプレイ デバイスはプリンタから DPI の概念を借用したものであり、コンピュータ ディスプレイ デバイスの原子単位はインク ドットではなくピクセルであるため、PPI (Pixels Per Inch) という値が画面の 1 インチあたりのピクセル数として作成されました。 、画面密度。さまざまな理由により、現在、PPI (主に iOS など) と DPI (Android など) がコンピューターのディスプレイ デバイスのパラメーターの説明に使用されていますが、どちらも同じ意味であり、どちらも画面のピクセル密度を表します。

画面のピクセル密度 (DPI または PPI) = 対角解像度/画面サイズ

ピタゴラスの定理は対角解像度を計算します: √(1920²+1080²)≈2203

対角解像度の除算 画面サイズを取る: 2203/5 ≈440dpi

DPI = 对角线分辨率 / 屏幕尺寸

iphone3s と iPhone4 を例に挙げると、両者の画面サイズは同じで、画面の解像度は 2 倍、画面のピクセル密度も 2 倍になります。Google の規格では dpi が区別されます。さまざまなデバイスの違い

Apple の区別はより簡単です: 非 HD 画面、HD 画面、ウルトラ HD 画面

//1242*0.87=1080 2208*0.87=1920 3*0.87=2.61

数値的な観点から見ると、Apple と Android はこのような対応関係を持っています