etykietka:

< ciało >
< div klasa = 'treść' >
< h1 > Witamy w Linuxowej podpowiedzi. < / h1 >
< P > Popularny portal Linux Hint dostarcza świetnych informacji na tematy związane z informatyką. < / P >
< / div >
< / ciało >

Krok 2: Zastosuj CSS
Najpierw ustaw „ rozmiar czcionki ' Do ' 16 pikseli ” i „wysokość linii” na „ 1,5 ”. Ponadto ustaw także czcionkę

I

tagi:

ciało {
rodzina czcionek: bezszeryfowa;
czcionka- rozmiar : 18 pikseli;
linia- wysokość : 1,5 ;
}

h1 {
tekst- wyrównywać : Centrum;
czcionka- rozmiar : 26 pikseli;
}

P {
czcionka- rozmiar : 18 pikseli;
}

Wyjście
Oto wynik kodu odpowiedni dla wszystkich rozmiarów ekranu:

---

---

Krok 3: Zastosuj zapytanie o media

• Najpierw wspomnij o '@wzmianka' otaguj i określ rozmiar ekranu „ 768 pikseli ' do ' maksymalna szerokość ' nieruchomość. Ten rozmiar ekranu będzie miał zastosowanie do wszystkich ekranów o rozmiarze równym lub mniejszym niż „ 768 pikseli ”.
• Następnie określ rozmiar czcionki ,

  , I

  tagi:

@ głoska bezdźwięczna ( maks- szerokość : 768 pikseli ) {
ciało {
czcionka- rozmiar : 16 pikseli;
linia- wysokość : 1,5 ;
}

h1 {
czcionka- rozmiar : 22 piksele;
}

P {
czcionka- rozmiar : 14
}
}

Poniżej znajduje się wynik po zastosowaniu zapytania o media. Zapytanie o media zostało zaprojektowane dla urządzeń o rozmiarze ekranu równym lub mniejszym niż „ 768 pikseli ”:

Wniosek

Aby zwiększyć czytelność poprzez zmianę rozmiaru czcionki, najpierw rozwiń poczucie czytelności i rozmiaru czcionki. Ponadto poznaj różne rozmiary czcionek i znaczniki czcionek. Wybierz odpowiedni rozmiar czcionki, a następnie wybierz odpowiednią wysokość linii. Zazwyczaj wysokość linii jest 1,2 razy większa od rozmiaru czcionki. Ponadto wybierz rodzinę czcionek odpowiednią dla treści internetowych. W tym artykule przedstawiono praktyczny sposób zwiększenia czytelności poprzez zmianę rozmiaru czcionki.