tag:

< kehon >
< div luokkaa = 'sisältö' >
< h1 > Tervetuloa Linux Hintiin. < / h1 >
< s > Suosittu portaalisivusto Linux Hint tarjoaa loistavaa tietoa tietojenkäsittelytieteen aiheista. < / s >
< / div >
< / kehon >

Vaihe 2: Ota CSS käyttöön
Aseta ensin ' Fonttikoko ”–” 16px ' ja 'line-height' arvoon ' 1.5 ”. Lisäksi aseta myös fontti

ja

tunnisteet:

kehon {
font-family: sans-serif;
fontti- koko : 18px;
linja- korkeus : 1.5 ;
}

h1 {
teksti- kohdistaa : keskus;
fontti- koko : 26px;
}

s {
fontti- koko : 18px;
}

Lähtö
Tässä on koodin tulos, joka sopii kaikille näyttökokoille:

---

---

Vaihe 3: Käytä Mediakyselyä

• Mainitse ensin '@mainita' tag ja määritä näytön koko ' 768 pikseliä ' kohtaan ' max-leveys ” omaisuutta. Tämä näytön koko koskee kaikkia näyttöjä, joiden koko on yhtä suuri tai pienempi kuin ' 768 pikseliä ”.
• Määritä sen jälkeen fontin koko ,

  , ja

  tunnisteet:

@ media ( max- leveys : 768 pikseliä ) {
kehon {
fontti- koko : 16px;
linja- korkeus : 1.5 ;
}

h1 {
fontti- koko : 22px;
}

s {
fontti- koko : 14
}
}

Alla on tulos mediakyselyn suorittamisen jälkeen. Mediakysely on suunniteltu laitteille, joiden näytön koko on yhtä suuri tai pienempi kuin ' 768 pikseliä ':

Johtopäätös

Jos haluat parantaa luettavuutta kirjasinkoolla, kehitä ensin luettavuus ja fontin koko. Lisäksi ymmärrät eri fonttikoot ja fonttitunnisteet. Valitse sopiva fonttikoko ja valitse sitten sopiva rivin korkeus. Tyypillisesti rivin korkeus on 1,2 kertaa kirjasinkoko. Lisäksi valitse verkkosisällölle sopiva kirjasinperhe. Tämä artikkeli on osoittanut käytännöllisen tavan parantaa luettavuutta kirjasinkoolla.