ετικέτα:

< σώμα >
< div τάξη = 'περιεχόμενο' >
< h1 > Καλώς ήρθατε στο Linux Hint. < / h1 >
< Π > Ένας δημοφιλής ιστότοπος πύλης Linux Hint παρέχει εξαιρετικές πληροφορίες σχετικά με θέματα επιστήμης υπολογιστών. < / Π >
< / div >
< / σώμα >

Βήμα 2: Εφαρμογή CSS
Πρώτα, ορίστε το ' μέγεθος γραμματοσειράς ' προς την ' 16 εικονοστοιχεία ' και 'ύψος γραμμής' σε ' 1.5 '. Επιπλέον, ορίστε επίσης τη γραμματοσειρά για

και

ετικέτες:

σώμα {
γραμματοσειρά-οικογένεια: sans-serif;
γραμματοσειρά- Μέγεθος : 18 px;
γραμμή- ύψος : 1.5 ;
}

h1 {
κείμενο- ευθυγραμμίζω : κέντρο;
γραμματοσειρά- Μέγεθος : 26 px;
}

Π {
γραμματοσειρά- Μέγεθος : 18 px;
}

Παραγωγή
Ακολουθεί μια έξοδος του κώδικα που είναι κατάλληλος για όλα τα μεγέθη οθόνης:

---

---

Βήμα 3: Εφαρμογή ερωτήματος πολυμέσων

• Πρώτα, αναφέρετε το '@αναφέρω' επισημάνετε και καθορίστε το μέγεθος οθόνης ' 768 εικονοστοιχεία ' στο ' μέγιστο πλάτος ” ιδιοκτησία. Αυτό το μέγεθος οθόνης θα ισχύει για όλες τις οθόνες που έχουν μέγεθος ίσο ή μικρότερο από ' 768 εικονοστοιχεία '.
• Μετά από αυτό, καθορίστε το μέγεθος γραμματοσειράς για <σώμα> ,

  , και

  ετικέτες:

@ μεσο ΜΑΖΙΚΗΣ ΕΝΗΜΕΡΩΣΗΣ ( Μέγιστη- πλάτος : 768 px ) {
σώμα {
γραμματοσειρά- Μέγεθος : 16 px;
γραμμή- ύψος : 1.5 ;
}

h1 {
γραμματοσειρά- Μέγεθος : 22 px;
}

Π {
γραμματοσειρά- Μέγεθος : 14
}
}

Ακολουθεί μια έξοδος μετά την εφαρμογή του ερωτήματος πολυμέσων. Το ερώτημα πολυμέσων σχεδιάστηκε για συσκευές που έχουν μέγεθος οθόνης ίσο ή μικρότερο από ' 768 εικονοστοιχεία ”:

συμπέρασμα

Για να βελτιώσετε την αναγνωσιμότητα με το μέγεθος της γραμματοσειράς, πρώτα, αναπτύξτε την αίσθηση της αναγνωσιμότητας και του μεγέθους της γραμματοσειράς. Επιπλέον, κατανοήστε τα διαφορετικά μεγέθη γραμματοσειράς και τις ετικέτες γραμματοσειράς. Επιλέξτε το κατάλληλο μέγεθος γραμματοσειράς και, στη συνέχεια, επιλέξτε το κατάλληλο ύψος γραμμής. Συνήθως, το ύψος της γραμμής είναι 1,2 φορές το μέγεθος της γραμματοσειράς. Επιπλέον, επιλέξτε την οικογένεια γραμματοσειρών που είναι κατάλληλη για περιεχόμενο web. Αυτό το άρθρο έχει δείξει τον πρακτικό τρόπο βελτίωσης της αναγνωσιμότητας με το μέγεθος της γραμματοσειράς.