Παράδειγμα: 24px → 1.5em (βάση 16px)
Παράδειγμα: 1.5em → 24px (βάση 16px)
| Px | Em | Συνήθεις Χρήσεις | Ενέργειες |
|---|
Px (Pixels):Μια απόλυτη μονάδα με σταθερό μέγεθος που δεν αλλάζει με τις ρυθμίσεις του προγράμματος περιήγησης. 1px ισούται με ένα φυσικό pixel στην οθόνη.
Em:Μια σχετική μονάδα βασισμένη στο μέγεθος γραμματοσειράς του τρέχοντος στοιχείου. 1em ισούται με το μέγεθος γραμματοσειράς του τρέχοντος στοιχείου. Αν το τρέχον στοιχείο δεν έχει ορισμένο μέγεθος γραμματοσειράς, κληρονομεί από το γονικό του στοιχείο.
Τύποι Μετατροπής:
• Px → Em: em = px ÷ μέγεθος βασικής γραμματοσειράς
• Em → Px: px = em × μέγεθος βασικής γραμματοσειράς
Συστάσεις Χρήσης:Η χρήση μονάδων em καθιστά τη σελίδα σας πιο αποκριτική και προσβάσιμη, επιτρέποντας στους χρήστες να προσαρμόζουν τα μεγέθη γραμματοσειράς μέσω των ρυθμίσεων του προγράμματος περιήγησης. Το προεπιλεγμένο μέγεθος γραμματοσειράς του προγράμματος περιήγησης είναι συνήθως 16px.