css 9pt はピクセル数に等しい

CSS 9pt は 12px に相当します。 ptとpxの計算式は「pt=px*dpi/72」となり、Windowsの96dpi（デフォルト）を基準にすると「9pt = 9 * 1/72 * 96 = 12px」となります。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、Dell G3 コンピューター。

css pt および px 単位

pt (ポイント、ポンド): 長さの物理単位であり、1/72 インチを指します。

px (ピクセル、ピクセル): コンピュータ システムのデジタル画像の長さの単位である仮想的な長さの単位です。px を物理的な長さに変換する場合、精度 DPI (ドット/インチ、ピクセル)インチあたりのピクセル数) を指定する必要があります。通常、スキャンおよび印刷時に DPI オプションがあります。 Windows システムのデフォルトは 96dpi、Apple システムのデフォルトは 72dpi です。

pt と px 間の変換式は、pt の定義に従って取得できます:

pt = 1/72 (インチ)、px = 1/dpi (インチ)

So

pt = px * dpi / 72

Windows では 96dpi に基づいて計算:

1 pt = px * 96/72 = px * 4/3

たとえば、Firefox ブラウザのデフォルトのオペレーティング システムに関係なく、DPI は 96 なので、実際には 9pt = 9 * 1/72 * 96 = 12 ピクセル。

したがって、「DPI」の「I」と「1pt は 1/72 インチに等しい」の「インチ」は物理的なインチを表していませんが、2 つの単位は互いに等しいです。乗算では消去されます。

それでは、実際の物理的な長さはどのように計算するのでしょうか?定規を取り出して、モニターの表示幅 (私の場合は 11.2992 インチ) を測定し、それを水平解像度 (私の場合は 1024 ピクセル) で割ってください。結果が各ピクセルの物理的な長さになります。

これで、Web ページ上の 9pt フォントが占めるスペースはどのくらいになるでしょうか? 答えは次のとおりです:

9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324インチ = 0.3363 cm

pt は絶対単位ですが、出力デバイス専用であり、テキスト植字ツール (word、abobe) で非常に便利なフォント単位です。モニターの解像度が何であっても、紙に印刷された結果は同じです。

しかし、Web ページは主に画面表示を目的としており、印刷などの用途には使用できません。また、px は画面上の要素の位置とサイズを正確に表すことができます。 ＃＃＃＃＃＃確かに。 dpiが96の場合、9pt=12pxとなります。

プログラミング関連の知識について詳しくは、

をご覧ください。 ！

以上がcss 9pt はピクセル数に等しいの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。