鬼ごっこ：

< 体 >
< ディビジョン クラス = 'コンテンツ' >
< h1 > Linux ヒントへようこそ。 < / h1 >
< p > 人気のポータル Web サイト Linux Hint は、コンピューター サイエンスのトピックに関する優れた情報を提供しています。 < / p >
< / ディビジョン >
< / 体 >

ステップ 2: CSS を適用する
まず、「」を設定します。 フォントサイズ ' に ' 16ピクセル ” と “行の高さ” を “ 1.5 ”。さらに、フォントも設定します

そして

タグ:

体 {
フォントファミリー: サンセリフ;
フォント- サイズ : 18ピクセル;
ライン- 身長 : 1.5 ;
}

h1 {
文章- 整列する ： 中心;
フォント- サイズ : 26px;
}

p {
フォント- サイズ : 18ピクセル;
}

出力
すべての画面サイズに適したコードの出力を次に示します。

---

---

ステップ 3: メディア クエリを適用する

• まず、次のことについて言及します。 '@言及' タグを付けて画面サイズを指定する” 768ピクセル ”へ” 最大幅 ' 財産。この画面サイズは、「」以下のサイズを持つすべての画面に適用されます。 768ピクセル ”。
• その後、フォントサイズを指定します <本文> 、

  、 そして

  タグ:

@ メディア ( 最大- 幅 : 768ピクセル ） {
体 {
フォント- サイズ : 16ピクセル;
ライン- 身長 : 1.5 ;
}

h1 {
フォント- サイズ : 22ピクセル;
}

p {
フォント- サイズ : 14
}
}

以下は、メディア クエリを適用した後の出力です。メディア クエリは、画面サイズが「」以下のデバイス向けに設計されています。 768ピクセル ”:

結論

フォント サイズを調整して読みやすさを向上させるには、まず、読みやすさとフォント サイズの感覚を養います。さらに、さまざまなフォント サイズとフォント タグについても理解してください。適切なフォント サイズを選択し、適切な行の高さを選択します。通常、行の高さはフォント サイズの 1.2 倍です。さらに、Web コンテンツに適したフォント ファミリーを選択してください。この記事では、フォント サイズを変更して読みやすさを向上させる実際的な方法を説明しました。