tag:

< badan >
< div kelas = 'kandungan' >
< h1 > Selamat datang ke Petunjuk Linux. < / h1 >
< hlm > Laman web portal popular Linux Hint menyediakan maklumat hebat tentang topik sains komputer. < / hlm >
< / div >
< / badan >

Langkah 2: Gunakan CSS
Mula-mula, tetapkan ' Saiz huruf ” kepada “ 16px ” dan “garis-tinggi” kepada “ 1.5 ”. Tambahan pula, tetapkan fon untuk

dan

tag:

badan {
font-family: sans-serif;
fon- saiz : 18px;
baris- ketinggian : 1.5 ;
}

h1 {
teks- selaraskan : pusat;
fon- saiz : 26px;
}

hlm {
fon- saiz : 18px;
}

Pengeluaran
Berikut ialah output kod yang sesuai untuk semua saiz skrin:

---

---

Langkah 3: Gunakan Pertanyaan Media

• Pertama, sebutkan '@menyebut' tag dan nyatakan saiz skrin ' 768px ' kepada ' lebar maksimum ” harta benda. Saiz skrin ini akan digunakan pada semua skrin yang mempunyai saiz yang sama atau kurang daripada ' 768px ”.
• Selepas itu, nyatakan saiz fon untuk ,

  , dan

  tag:

@ media ( maksimum- lebar : 768px ) {
badan {
fon- saiz : 16px;
baris- ketinggian : 1.5 ;
}

h1 {
fon- saiz : 22px;
}

hlm {
fon- saiz : 14
}
}

Di bawah ialah output selepas menggunakan pertanyaan media. Pertanyaan media direka bentuk untuk peranti yang mempunyai saiz skrin sama atau kurang daripada ' 768px ”:

Kesimpulan

Untuk meningkatkan kebolehbacaan dengan saiz fon, mula-mula, kembangkan rasa kebolehbacaan dan saiz fon. Selain itu, fahami saiz fon dan tag fon yang berbeza. Pilih saiz fon yang sesuai dan kemudian pilih ketinggian baris yang sesuai. Biasanya, ketinggian garisan ialah 1.2 kali ganda saiz fon. Selain itu, pilih keluarga fon yang sesuai untuk kandungan web. Artikel ini telah menunjukkan cara praktikal untuk meningkatkan kebolehbacaan dengan saiz fon.