ホームページ  >  記事  >  ウェブフロントエンド  >  html と css で最も一般的に使用される長さ単位の分析

html と css で最も一般的に使用される長さ単位の分析

黄舟
黄舟オリジナル
2017-07-19 13:22:531737ブラウズ

HTML と CSS には、px、em、pt、ex、pc、in、mm、cm という合計 8 つの長さ単位があります。

1.px

px: ピクセル、デバイスの長さの単位に相対し、ピクセルはモニター画面の解像度に相対します。たとえば、Windows ユーザーが使用する解像度は通常 96 ピクセル/インチです。 MAC ユーザーが使用する解像度は通常 72 ピクセル/インチです。

2.em

em: 相対的な長さの単位。現在のオブジェクト内のテキストに対する相対的なフォント サイズ。現在のインライン テキストのフォント サイズが手動で設定されていない場合は、ブラウザのデフォルトのフォント サイズを基準とします。

3.ex

ex: 相対的な長さの単位。文字「x」を基準とした高さ。通常、この高さはフォント サイズの半分です。インライン テキストの現在のフォント サイズが手動で設定されていない場合は、ブラウザのデフォルトのフォント サイズを基準とします。

4.pt

pt: ポイント、長さの絶対単位。

5.pc

pc: パイカ、長さの絶対単位。我が国の新4号型に相当します。

6.in

in: インチ、長さの絶対単位。

7.mm

mm: ミリメートル、長さの絶対単位。

8.cm

cm: センチメートル、長さの絶対単位。

その内: 1in = 2.54cm = 25.4 mm = 72pt = 6pc;

コンテナのサイズの単位として px をよく使用し、フォント サイズ (font-size) を中国の多くの人が使用します。フォント単位は px ですが、唯一の致命的な欠点は、IE ではブラウザのフォント スケーリング機能が使用できないことです。または、Ctrl を押したままマウスの中央のホイールをスクロールします。

非常に多くの人が HTML em 単位の使用を推奨していますが、px の使用に慣れている人にとっては決して便利ではありません。参考までにいくつかの変換式と比較表を示します。

以上がhtml と css で最も一般的に使用される長さ単位の分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。