CSSで単位を表現するにはどうすればいいですか？ CSSのユニットメソッド

この記事があなたにもたらす内容は、確かな参考価値がありますので、困っている友人が参考になれば幸いです。

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

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

rem: 「ルート em」として理解できる相対単位。ルート ノードのフォント サイズに相対的に計算されます。html、CSS3 の新しい属性、chrome/firefox/IE9 は

vw をサポートします。 : 視点の幅、ウィンドウの幅、1vw はウィンドウの幅の 1% に等しい。

vh: 視点の高さ、ウィンドウの高さ、1vh はウィンドウの高さの 1% に相当します。

vmin: vw と vh の小さい方。

vmax: vw と vh の大きい方。

vw、vh、vmin、vmax: IE9 で部分的にサポート、chrome/firefox/safari/opera でサポート、ios safari 8 でサポート、android ブラウザ 4.4 でサポート、chrome for android39 でサポート

%: パーセンテージ

in:inch

cm:cm

mm:mm

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

pc :pica、約 6pt、1/6 インチ

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

ch: フォント内の「0」文字に基づくノードによって使用されます。見つからない場合は 0.5em(ie10,ch

上記は CSS で単位を表現する方法です。CSS の単位メソッドをすべて紹介しています。知りたい場合は、 #CSS ビデオ チュートリアル の詳細については、PHP 中国語 Web サイト

## に注目してください。

以上がCSSで単位を表現するにはどうすればいいですか？ CSSのユニットメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。