4

CSS を使用してタグの幅を<div>96px と指定した場合、第 1 世代の iPhone の画面上で何ピクセルのデバイスを占有する必要がありますか?

ページに追加<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>し、シミュレーターでスクリーンショットを撮り、div96 デバイス ピクセル幅であると測定しました。今、CSS ピクセルの W3 仕様を読んだところ、1px は 1/96 インチであると記載されています。したがって、96 CSS ピクセルは 1 インチに変換されます。元の iPhone のDPI は 163であるため、画面上の 1 インチは 163 デバイス ピクセルを占める必要があります。その測定値が得られないのはなぜですか? 言い換えれば、96 CSS ピクセルは 1 インチに等しいのでしょうか?

仕様には、参照ピクセルへの固定についても言及されていることがわかりました。この場合、参照ピクセルは単にデバイスピクセルであるように思えます。スクリーンショットから CSS ピクセル値を取得するために逆方向に作業する場合、1 デバイス ピクセルが iPhone (非 Retina ディスプレイ) の 1 CSS ピクセルに等しいと仮定するのは一般的に正しいでしょうか?

4

1 に答える 1

2

iPhone のピクセルは、他のピクセルと同じです。96px 幅<div>は、どのデバイスでも常に 96px 幅です。DPI (Dots Per Inch) は、画面 (または紙) 上の物理ピクセル (ドット) とインチの比率を示すだけで、サイズを表すものではありません。DPI は、ピクセルと実際の測定単位との比率にすぎません。

96pxdivは、50 DPI 画面では 300 DPI 画面よりも 6 倍大きく見えます。

DPI はデバイスまたは印刷/スキャンの品質によって異なるため、1 インチが常に 96 ピクセルに等しいとは限りません。W3C は、絶対的な長さの単位が相互に関連して固定されていると言っているだけです (これは、CSS 単位を一貫させるための任意の近似値です)。これは、実際の測定単位 (インチ、cm) にピクセルに対する固定比率を与えることができるという意味ではありません。

これを理解するために私ができる最善の助けは、1px は常に 1px に等しいということです。ピクセルと実際の単位の比較は、W3C のような標準ではなく、特定のデバイスの DPI に依存します。

絶対的な長さの単位は、相互に関連して固定されており、何らかの物理的な測定値に固定されています。これらは主に、出力環境がわかっている場合に役立ちます。

于 2012-10-04T22:13:28.643 に答える