etichetta:

< corpo >
< div classe = 'contenuto' >
< h1 > Benvenuti in Linux Suggerimento. < / h1 >
< P > Un popolare portale Web Linux Hint fornisce ottime informazioni su argomenti di informatica. < / P >
< / div >
< / corpo >

Passaggio 2: applica i CSS
Innanzitutto, imposta ' dimensione del font ' A ' 16px ' e 'altezza della linea' in ' 1.5 ”. Inoltre, imposta anche il carattere per

E

tag:

corpo {
famiglia di caratteri: sans-serif;
font- misurare : 18px;
linea- altezza : 1.5 ;
}

h1 {
testo- allineare : centro;
font- misurare : 26px;
}

P {
font- misurare : 18px;
}

Produzione
Ecco un output del codice adatto a tutte le dimensioni dello schermo:

---

---

Passaggio 3: applicare la query multimediale

• Per prima cosa, menziona il '@citare' tag e specifica la dimensione dello schermo “ 768px ' al ' larghezza massima ' proprietà. Questa dimensione dello schermo si applicherà a tutti gli schermi che hanno una dimensione uguale o inferiore a ' 768px ”.
• Successivamente, specifica la dimensione del carattere per ,

  , E

  tag:

@ media ( massimo- larghezza : 768px ) {
corpo {
font- misurare : 16px;
linea- altezza : 1.5 ;
}

h1 {
font- misurare : 22px;
}

P {
font- misurare : 14
}
}

Di seguito è riportato un output dopo l'applicazione della query multimediale. La media query è stata progettata per dispositivi con dimensioni dello schermo pari o inferiori a ' 768px ':

Conclusione

Per migliorare la leggibilità con il dimensionamento dei caratteri, sviluppare innanzitutto il senso di leggibilità e il dimensionamento dei caratteri. Inoltre, comprendi le diverse dimensioni dei caratteri e i tag dei caratteri. Scegli la dimensione del carattere appropriata, quindi scegli l'altezza della linea adatta. In genere, l'altezza della riga è 1,2 volte la dimensione del carattere. Inoltre, scegli la famiglia di caratteri adatta ai contenuti web. Questo articolo ha dimostrato il modo pratico per migliorare la leggibilità con il ridimensionamento dei caratteri.