etiket:

< vücut >
< div sınıf = 'içerik' >
< sa1 > Linux İpucu'na hoş geldiniz. < / sa1 >
< P > Popüler bir portal web sitesi Linux Hint, bilgisayar bilimi konuları hakkında harika bilgiler sağlıyor. < / P >
< / div >
< / vücut >

2. Adım: CSS'yi uygulayın
Öncelikle “ yazı Boyutu ' ile ' 16 piksel ” ve “satır yüksekliği”nden “ 1.5 ”. Ayrıca, yazı tipini de ayarlayın.

Ve

Etiketler:

vücut {
yazı tipi ailesi: sans-serif;
yazı tipi- boyut : 18 piksel;
astar- yükseklik : 1.5 ;
}

sa1 {
metin- hizalamak : merkez;
yazı tipi- boyut : 26 piksel;
}

P {
yazı tipi- boyut : 18 piksel;
}

Çıktı
Aşağıda tüm ekran boyutlarına uygun kodun çıktısı verilmiştir:

---

---

3. Adım: Medya Sorgusunu Uygulayın

• Öncelikle şunu belirtelim '@değinmek' etiketleyin ve ekran boyutunu belirtin “ 768 piksel 'e' maksimum genişlik ' mülk. Bu ekran boyutu, '' boyutuna eşit veya daha küçük olan tüm ekranlar için geçerli olacaktır. 768 piksel ”.
• Bundan sonra yazı tipi boyutunu belirtin ,

  , Ve

  Etiketler:

@ medya ( maksimum Genişlik : 768 piksel ) {
vücut {
yazı tipi- boyut : 16 piksel;
astar- yükseklik : 1.5 ;
}

sa1 {
yazı tipi- boyut : 22 piksel;
}

P {
yazı tipi- boyut : 14
}
}

Aşağıda medya sorgusu uygulandıktan sonraki bir çıktı verilmiştir. Medya sorgusu, ekran boyutu şuna eşit veya daha küçük olan cihazlar için tasarlanmıştır: ' 768 piksel ”:

Çözüm

Yazı tipi boyutlandırmayla okunabilirliği artırmak için öncelikle okunabilirlik ve yazı tipi boyutlandırma duygusunu geliştirin. Ayrıca farklı yazı tipi boyutlarını ve yazı tipi etiketlerini anlayın. Uygun yazı tipi boyutunu seçin ve ardından uygun satır yüksekliğini seçin. Tipik olarak satır yüksekliği yazı tipi boyutunun 1,2 katıdır. Ayrıca web içeriğine uygun yazı tipi ailesini seçin. Bu makalede yazı tipi boyutlandırmayla okunabilirliği artırmanın pratik yolu gösterilmiştir.