0

Μετατροπέας REM σε PX

Μετατρέψτε τα px σε rem, rem σε px και px σε em σε οποιοδήποτε βασικό μέγεθος γραμματοσειράς, με μια γραμμή CSS έτοιμη για αντιγραφή και έναν ζωντανό πίνακα αναφοράς.

Επεξεργασία... 0%

Αποτέλεσμα

Αυτή η σελίδα ανοίγει τον μετατροπέα προς την κατεύθυνση rem → px: πληκτρολογήστε μια τιμή rem και λαμβάνετε αμέσως το ισοδύναμο pixel στο τρέχον βασικό μέγεθος γραμματοσειράς, συν μια γραμμή CSS έτοιμη για αντιγραφή. Στην προεπιλεγμένη βάση του προγράμματος περιήγησης 16 px, το 1,5rem είναι 24px και το 2rem είναι 32px.

Η επιστροφή από το rem στα εικονοστοιχεία είναι η καθημερινή κατεύθυνση όταν επιθεωρείτε το φύλλο στυλ κάποιου άλλου ή έναν πίνακα υπολογισμένων στυλ: το CSS λέει 1,25 rem και οι προδιαγραφές σχεδίασης μιλάνε σε εικονοστοιχεία. Ο τύπος είναι απλώς rem x βάση και το βασικό πεδίο σάς επιτρέπει να ταιριάξετε οποιοδήποτε μέγεθος γραμματοσειράς ρίζας του έργου είναι πραγματικά — συμπεριλαμβανομένου του κόλπου 62,5% όπου 1rem σημαίνει 10 px.

Ο πίνακας αναφοράς από κάτω δείχνει τα κοινά μεγέθη εικονοστοιχείων με τις rem τιμές τους στη βάση που επιλέξατε, ώστε να μπορείτε να σαρώσετε ολόκληρη την κλίμακα ταυτόχρονα. Όλα επανυπολογίζονται ζωντανά στο πρόγραμμα περιήγησής σας καθώς πληκτρολογείτε και τίποτα δεν αποστέλλεται πουθενά.