Πόσα pixel είναι 1em;

Προεπιλεγμένα 1em = 16px (προεπιλογή browser). Αλλά το em είναι σχετικό με το γονικό στοιχείο.

Ποια είναι η διαφορά μεταξύ em και rem;

Το em αναφέρεται στο μέγεθος γραμματοσειράς του γονικού. Το rem αναφέρεται στο μέγεθος γραμματοσειράς της ρίζας (html). Το rem είναι πιο προβλέψιμο.

Πότε πρέπει να χρησιμοποιώ em αντί για px;

Χρησιμοποιήστε em για τυπογραφία και αποστάσεις που πρέπει να κλιμακώνονται. Px για περιγράμματα, σκιές και ιδιότητες που πρέπει να παραμένουν σταθερές.

Em σε px

Αυτός ο μετατροπέας υπολογίζει άμεσα. Εισάγετε μια τιμή και το αποτέλεσμα εμφανίζεται αμέσως.

Πότε χρειάζεστε: Em σε px?

Η μονάδα CSS em είναι σχετική με το μέγεθος γραμματοσειράς του γονικού στοιχείου. Με το προεπιλεγμένο μέγεθος 16px: 1em = 16px, 1,5em = 24px, 2em = 32px.

Σε αντίθεση με το rem (σχετικό με το ριζικό στοιχείο), το em σωρεύεται: 1,5em × 1,5em = 2,25× του βασικού μεγέθους.

Όλοι οι υπολογισμοί εκτελούνται τοπικά στον browser σας.

Πώς να χρησιμοποιήσετε τον μετατροπέα;

1. Εισαγωγή τιμής
Πληκτρολογήστε έναν αριθμό στο πεδίο εισαγωγής. Μπορείτε να χρησιμοποιήσετε τελεία ή κόμμα.
2. Ανάγνωση αποτελέσματος
Το αποτέλεσμα εμφανίζεται αμέσως στο διπλανό πεδίο – χωρίς κλικ.
3. Αντιγραφή ή αντιστροφή
Κάντε κλικ στο Αντιγραφή ή χρησιμοποιήστε το κουμπί Αντιστροφή.

Πότε είναι χρήσιμος αυτός ο μετατροπέας;

Τυπογραφία
Line-height 1,5 em = 150% του μεγέθους γραμματοσειράς του γονικού.
Κουμπιά
Το padding σε em κλιμακώνεται με το μέγεθος κειμένου του κουμπιού.
Στοιχεία UI
Διαστάσεις αναλογικές με το κείμενο σε στοιχεία UI.
Web ανάπτυξη
Τα breakpoints σε em είναι ανθεκτικά σε αλλαγές του βασικού font-size.

Τι κάνει αυτόν τον μετατροπέα ξεχωριστό;

Πλήρης ιδιωτικότητα
Όλοι οι υπολογισμοί γίνονται τοπικά στον browser σας. Κανένα δεδομένο δεν στέλνεται σε server.
Αποτελέσματα σε πραγματικό χρόνο
Το αποτέλεσμα ενημερώνεται αμέσως καθώς πληκτρολογείτε – χωρίς κουμπί.
Αμφίδρομη μετατροπή
Το κουμπί Αντιστροφή σας επιτρέπει να μετατρέψετε και προς τις δύο κατευθύνσεις.
Πίνακας αναφοράς
Ένας έτοιμος πίνακας με συχνά μετατρεπόμενες τιμές και περιγραφές.

Πώς λειτουργεί η μετατροπή;

px = em × μέγεθος γραμματοσειράς γονικού. Προεπιλεγμένα, το βασικό μέγεθος γραμματοσειράς του browser είναι 16px.

Το em σωρεύεται στο δέντρο DOM. Αν το body είναι 16px και ένα div είναι 1,5em (24px), μια παράγραφος μέσα σε 1,5em θα είναι 1,5 × 24 = 36px.

Για προβλέψιμη διαστασιολόγηση, χρησιμοποιήστε rem — αναφέρεται πάντα στο ριζικό στοιχείο.

Πρακτικές συμβουλές

Προεπιλεγμένη γραμματοσειρά browser: 16px. 1em = 16px, 0,875em = 14px, 1,25em = 20px.
Συνηθισμένα μεγέθη επικεφαλίδων: h1 = 2em (32px), h2 = 1,5em (24px), h3 = 1,17em (18,7px).
Το padding/margin σε em κλιμακώνεται με το μέγεθος γραμματοσειράς — χρήσιμο για responsive στοιχεία.
Κόλπο 62,5%: ορίζοντας html font-size σε 62,5%, το 1em = 10px για ευκολότερους υπολογισμούς.

em vs px vs rem

em vs px vs rem
Ιδιότητα	em	px
Αναφορά	Μέγεθος γονικού	Σταθερό pixel
Σώρευση	Ναι (εμφωλεύεται)	Όχι
Ανταπόκριση	Ναι	Όχι
Προσβασιμότητα	Σέβεται ρυθμίσεις χρήστη	Σταθερό μέγεθος
Προβλεψιμότητα	Εξαρτάται από το πλαίσιο	Πάντα συνεπές

em

Αναφορά
Μέγεθος γονικού
Σώρευση
Ναι (εμφωλεύεται)
Ανταπόκριση
Ναι
Προσβασιμότητα
Σέβεται ρυθμίσεις χρήστη
Προβλεψιμότητα
Εξαρτάται από το πλαίσιο

px

Αναφορά
Σταθερό pixel
Σώρευση
Όχι
Ανταπόκριση
Όχι
Προσβασιμότητα
Σταθερό μέγεθος
Προβλεψιμότητα
Πάντα συνεπές

Μετατρέψτε άλλες μονάδες σε px

pt σε px rem σε px cm σε px mm σε px ίντσες σε px vw σε px Tailwind CSS σε px

Εξερευνήστε άλλους μετατροπείς μονάδων

DPI σε PPI HEX σε RGB RGB σε HSL RGB σε CMYK bytes σε KB/MB/GB Unix σε ημ/νία DEC σε BIN DEC σε HEX Mbps σε MB/s

Συχνές ερωτήσεις

Βοηθήστε μας να βελτιώσουμε τα εργαλεία μας

Έχετε μια ιδέα, βρήκατε ένα σφάλμα ή θέλετε να προτείνετε μια λειτουργία; Γράψτε μας – απαντάμε εντός 24 ωρών.

Πότε χρειάζεστε: Em σε px?

Σε αντίθεση με το rem (σχετικό με το ριζικό στοιχείο), το em σωρεύεται: 1,5em × 1,5em = 2,25× του βασικού μεγέθους.

Όλοι οι υπολογισμοί εκτελούνται τοπικά στον browser σας.

Πώς να χρησιμοποιήσετε τον μετατροπέα;

1. Εισαγωγή τιμής

Πληκτρολογήστε έναν αριθμό στο πεδίο εισαγωγής. Μπορείτε να χρησιμοποιήσετε τελεία ή κόμμα.

2. Ανάγνωση αποτελέσματος

Το αποτέλεσμα εμφανίζεται αμέσως στο διπλανό πεδίο – χωρίς κλικ.

3. Αντιγραφή ή αντιστροφή

Κάντε κλικ στο Αντιγραφή ή χρησιμοποιήστε το κουμπί Αντιστροφή.

Πότε είναι χρήσιμος αυτός ο μετατροπέας;

Τυπογραφία

Line-height 1,5 em = 150% του μεγέθους γραμματοσειράς του γονικού.

Κουμπιά

Το padding σε em κλιμακώνεται με το μέγεθος κειμένου του κουμπιού.

Στοιχεία UI

Διαστάσεις αναλογικές με το κείμενο σε στοιχεία UI.

Web ανάπτυξη

Τα breakpoints σε em είναι ανθεκτικά σε αλλαγές του βασικού font-size.

Τι κάνει αυτόν τον μετατροπέα ξεχωριστό;

Πλήρης ιδιωτικότητα

Όλοι οι υπολογισμοί γίνονται τοπικά στον browser σας. Κανένα δεδομένο δεν στέλνεται σε server.

Αποτελέσματα σε πραγματικό χρόνο

Το αποτέλεσμα ενημερώνεται αμέσως καθώς πληκτρολογείτε – χωρίς κουμπί.

Αμφίδρομη μετατροπή

Το κουμπί Αντιστροφή σας επιτρέπει να μετατρέψετε και προς τις δύο κατευθύνσεις.

Πίνακας αναφοράς

Ένας έτοιμος πίνακας με συχνά μετατρεπόμενες τιμές και περιγραφές.