Μετατροπέας Pixel σε EM/REM
Μετατρέψτε px, rem, em, pt και % με ζωντανό πίνακα και έτοιμο προς αντιγραφή CSS
το rem είναι σχετικό με το μέγεθος γραμματοσειράς ρίζας· τα em και % είναι σχετικά με τον γονέα.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
Σχετικά με το Μετατροπέας Pixel σε EM/REM
Ο μετατροπέας pixel σε EM/REM μεταφράζει τιμές μήκους CSS μεταξύ px, rem, em, pt και ποσοστού. Εισαγάγετε μια τιμή σε οποιαδήποτε από τις πέντε μονάδες και ένας ζωντανός πίνακας δείχνει το ισοδύναμό της σε όλες τις υπόλοιπες — μαζί με ένα έτοιμο για αντιγραφή απόσπασμα CSS που μπορείτε να επικολλήσετε απευθείας σε ένα stylesheet.
Οι μετατροπές σέβονται τον τρόπο με τον οποίο η CSS επιλύει πραγματικά τις μονάδες: το rem είναι σχετικό με το μέγεθος γραμματοσειράς της ρίζας, ενώ το em και το % είναι σχετικά με το μέγεθος γραμματοσειράς του γονικού στοιχείου. Και τα δύο μεγέθη αναφοράς είναι επεξεργάσιμα, ώστε να μπορείτε να μοντελοποιήσετε μια ρίζα 16 px με ένα στοιχείο 14 px, ή οποιαδήποτε κλίμακα συστήματος σχεδίασης χρησιμοποιείτε.
Ένας πίνακας κοινών τιμών χαρτογραφεί τα μεγέθη που αναζητούν συχνότερα οι σχεδιαστές — έτσι ερωτήματα όπως «πόσο είναι 24px σε rem» απαντώνται με μια ματιά. Το εργαλείο είναι δωρεάν, ενημερώνεται καθώς πληκτρολογείτε και αποτελεί βασικό βοήθημα για τη μετατροπή στατικών μακετών σε pixel σε προσβάσιμη, κλιμακούμενη CSS με βάση το rem.
Πώς να χρησιμοποιήσετε το Μετατροπέας Pixel σε EM/REM
- Εισαγάγετε την τιμή προς μετατροπή και επιλέξτε τη μονάδα της: px, rem, em, pt ή %.
- Προσαρμόστε το μέγεθος γραμματοσειράς ρίζας (για το rem) και το μέγεθος γραμματοσειράς γονέα (για em και %) αν διαφέρουν από τα 16 px.
- Διαβάστε τις μετατρεπόμενες τιμές στον ζωντανό πίνακα.
- Αντιγράψτε το παραγόμενο απόσπασμα CSS ή οποιαδήποτε τιμή από τον πίνακα κοινών τιμών.