CSSのpxとptの違いは何ですか

違い: pt は絶対単位であり、px は相対単位です。 px を使用してテキストを定義すると、ユーザーがどのように設定してもサイズは変わりません。pt を使用してテキストを定義すると、96 DPI を超える値を設定すると、値が大きいほどフォント サイズも大きくなります。

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

px と pt、一方はデバイス座標、もう一方は論理座標であり、それらは異なります。

pt は絶対単位 、1 pt =1/72 インチ

px は相対単位 、ピクセルの一般的な基準値は次のとおりです。 : in a ピクセル密度が 90 pdi のモニターでは、モニターから 28 インチの距離から 1 つのピクセルを見る普通の人に対する視野角は 0.0227 度以上でなければなりません。

テキストを定義するには px を使用します。ユーザーがどのように設定してもサイズは変わりません。テキストを定義するには pt を使用します。ユーザーが 96DPI を超える値を設定すると、値が大きいほどフォントも大きくなります。 。

印刷用ではなく閲覧用に Web ページを作成する場合は、フォント サイズを定義するために px を使用することをお勧めします。その理由は次のとおりです。 Jet が先ほど述べたように、px は象の数を指します。象の数の概念自体は表示のみに使用され、pt (ポイント サイズ) は主にエラーなく印刷する目的で使用されます。印刷と表示 ここでは詳しくは述べませんが、ジジの発言 上記のような状況も、pt を使用することによって生じるデメリットです。

2. HTML コードのデフォルトの単位 (width=10 など) のほとんどはすべて px 単位です。画面の幅と高さの合計も px 単位です。800*600 が幅です。 . 800px; 高さ 600px; フォント サイズを 12px として定義します。これは簡単に計算できます。たとえば、10 個の漢字の幅は 10*12=120 です。幅 = 120 の表を作成してそれらを囲むことが簡単にできます。 、これは単なる例です。

3. 実験してみてください。 body { font-size:10.5pt; } と body { font-size:14.7px; } の 2 つの定義方法を使用すると、Netscape で 10.5 ポイント サイズを表示できます。より最適化されたフォント サイズは 14.7 ピクセルとしてのみ定義できます。それ以外の場合は、IE のみがそれを認識します。

(学習ビデオ共有:

css ビデオ チュートリアル

)

以上がCSSのpxとptの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。