Μετατροπέας px σε rem & em
Μετατρέψτε μεταξύ px, rem και em χρησιμοποιώντας τα δικά σας μεγέθη βάσης και πλαισίου — επεξεργαστείτε οποιοδήποτε πεδίο και τα άλλα δύο ενημερώνονται αυτόματα.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Κάθε μετατροπή εκτελείται στον περιηγητή σας. Τίποτα από όσα πληκτρολογείτε δεν μεταφορτώνεται στο BroBroGo.
Συχνές Ερωτήσεις
Ποια είναι η διαφορά μεταξύ px, rem και em;
Η μονάδα px είναι σταθερό μήκος. Η μονάδα rem υπολογίζεται με βάση το βασικό μέγεθος γραμματοσειράς (root) της σελίδας, οπότε με βάση 16px, το 1rem ισούται με 16px. Η μονάδα em υπολογίζεται με βάση το μέγεθος γραμματοσειράς του στοιχείου στο οποίο ανήκει. Η χρήση rem για μεγέθη κειμένου και αποστάσεων επιτρέπει στα πάντα να κλιμακώνονται σωστά όταν ο αναγνώστης αλλάζει την προεπιλεγμένη γραμματοσειρά του περιηγητή του.
Γιατί υπάρχει ξεχωριστό μέγεθος πλαισίου em (em context);
Η μονάδα em είναι σχετική με το μέγεθος γραμματοσειράς του ίδιου του στοιχείου στο οποίο βρίσκεται, το οποίο δεν είναι πάντα το root. Ορίστε το πλαίσιο em (em context) στο μέγεθος γραμματοσειράς αυτού του στοιχείου για να υπολογιστεί σωστά το em, και κρατήστε το ίσο με το root όταν τα δύο μεγέθη συμπίπτουν.
Τι γίνεται αν το βασικό μου μέγεθος (root) δεν είναι 16px;
Αλλάξτε την τιμή στο πεδίο του βασικού μεγέθους γραμματοσειράς (root font size) για να ταιριάζει με το CSS σας και κάθε τιμή rem θα ενημερωθεί αμέσως. Ο γρήγορος πίνακας παρακάτω είναι ένας χρήσιμος οδηγός για την κοινή βάση των 16px από την οποία ξεκινούν οι περισσότεροι ιστότοποι.