CSSの一般的な単位のまとめ

今日は、CSS で最もよく使用される 15 個の単位をまとめました。以下に、それらを 1 つずつリストします。

1.px: 絶対単位、ページは正確なピクセルで表示されます

2.em: 相対単位、定義されている場合、基準点は親ノードのフォントのサイズです font-size が計算されますそれ自体では (ブラウザーのデフォルトのフォントは 16px)、1em はページ全体で固定値ではありません。

3.rem: ルート ノード HTML のフォント サイズを基準にして計算される相対単位。CSS3 には 属性 が追加されており、chrome/firefox/IE9+ でサポートされています。

4.vw: 視点 width、ウィンドウ幅、1vw はウィンドウ幅の 1% に等しい。

5.vh: 視点高さ、ウィンドウの高さ、1vh はウィンドウの高さの 1% に等しい。

6.vmin: vw と vh の小さい方。

7.vmax: vw と vh の間の大きい方。

8.%: パーセント

9.in: インチ

10.cm: センチメートル

11.mm: ミリメートル

12.pt: ポイント、約 1/72 インチ

13.pc: ピカ、約6pt、1/6 インチ

14.ex: 現在効果があるフォントの x 高さを取得し、x 高さが決定できない場合は 0.5em として計算します (IE11 以下、Firefox/ ではサポートされていません)。 chrome/safari/opera /ios safari/android ブラウザ 4.4 以降など、すべて属性と接頭辞が必要です)

15.ch: ノードで使用されるフォントの「0」文字に基づきます (それができない場合)見つかった場合は、0.5em (ie10+、chrome31+、safair7.1+、opera26+、ios safari 7.1+、android ブラウザ 4.4+ サポート) です

これらを読んだ後、これらのユニットの役割を理解できたと思います。さらにエキサイティングなコンテンツについては、こちらをご覧ください。 、php中国語ウェブサイトその他関連記事にご注意ください！

関連書籍:

CSS3 トランスレート属性の詳細な紹介

CSS3 背景サイズ属性の詳細な紹介

CSS3 でのトランスフォーム属性の使用に関するチュートリアル

以上がCSSの一般的な単位のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。