ホームページ > 記事 > ウェブフロントエンド > CSSの相対単位とは何ですか
CSS には多数の相対単位があり、一般的な単位はピクセル (px)、パーセンテージ (%)、em (em)、および rem (rem) です。これら 4 つの相対単位を以下に紹介し、具体的なコード例を示します。
コード例:
div { width: 100px; height: 50px; }
コード例:
.parent { width: 200px; } .child { width: 50%; height: 50px; }
コード例:
p { font-size: 16px; } span { font-size: 1.5em; /* 相当于24px */ }
コード例:
html { font-size: 16px; } p { font-size: 1.5rem; /* 相当于24px */ }
概要:
CSS の相対単位は、ピクセル (px)、パーセンテージ (%)、em (em)、および rem (rem) です。 。ピクセル単位は固定されており、ユーザー設定に基づいて変更されません。パーセント単位は、親要素のサイズに応じて変化します。 Em 単位は要素自体のフォント サイズを基準とした単位であり、rem 単位はルート要素のフォント サイズを基準とした単位です。実際のアプリケーションでは、必要に応じて要素のサイズとフォント サイズを制御するために適切な相対単位を選択できます。
以上がCSSの相対単位とは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。