em を使用してフォント サイズを設定します
分析例:
CSS では、em はユーザーが使用するフォントに自動的に適応できるため、非常に便利な単位です。
すべてのブラウザでテキストのサイズを変更するには、em 単位を使用してフォント サイズを設定します。残念ながら、これは依然として IE の問題です。テキストのサイズを変更すると、通常よりも大きくまたは小さく表示されます。
ブラウザのデフォルトのテキスト サイズは 16px ですが、1em はデフォルトのテキスト サイズと同じです。
次の式を使用してピクセルを em に変換できます:
● px/16=em
新しいファイル
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */
</style>
</head>
<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<p>This is a paragraph.</p>
</body>
</html>
プレビュー
Clear
- おすすめコース
- コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜
このコースを視聴した生徒はこちらも学んでいます













