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

Οι μονάδες rem διατηρούν τις διατάξεις προσβάσιμες — κλιμακώνονται με την προτίμηση μεγέθους γραμματοσειράς του χρήστη — αλλά κανείς δεν θέλει να διαιρεί με το 16 στο μυαλό του όλη μέρα. Αυτός ο μετατροπέας κάνει την αριθμητική ζωντανά: επιλέξτε την κατεύθυνση (px → rem, rem → px ή px → em), πληκτρολογήστε την τιμή και το αποτέλεσμα εμφανίζεται αμέσως μαζί με μια έτοιμη για αντιγραφή γραμμή CSS όπως font-size: 0.875rem.

Το πεδίο βασικού μεγέθους γραμματοσειράς κάνει το εργαλείο να ταιριάζει σε κάθε έργο. Η προεπιλογή του browser είναι 16px, επομένως 1rem ισούται με 16px εξαρχής, αλλά πολλές βάσεις κώδικα ορίζουν html { font-size: 62.5% } ώστε 1rem να ισούται με 10px — εισάγετε 10 ως βάση και κάθε μετατροπή και γραμμή πίνακα ακολουθεί. Η κατεύθυνση px → em χρησιμοποιεί τα ίδια μαθηματικά ως προς το μέγεθος γραμματοσειράς του γονικού στοιχείου αντί της ρίζας, που είναι ακριβώς η διαφορά μεταξύ em και rem στο CSS.

Κάτω από το αποτέλεσμα, ένας πίνακας αναφοράς δείχνει τα πιο συνηθισμένα μεγέθη σχεδίασης — 1, 2, 4, 8, 10, 12, 14, 16, 18, 20, 24, 32, 48 και 64 pixel — ήδη μετατρεμμένα στην τρέχουσα βάση σας, με τη γραμμή που αντιστοιχεί στη βάση τονισμένη. Είναι το σκονάκι που διαφορετικά θα είχατε κολλημένο στην οθόνη σας, πάντα συγχρονισμένο με τη βάση που χρησιμοποιείτε πραγματικά.

Όλα συμβαίνουν τοπικά στον browser σας καθώς πληκτρολογείτε: χωρίς ανέβασμα αρχείων, χωρίς εγγραφή, χωρίς επικοινωνία με server. Οι προρυθμισμένες σελίδες για rem → px, px → em, τη βάση 10px και δημοφιλείς τιμές όπως 14, 24 και 32 px ανοίγουν τον μετατροπέα έτοιμο-ρυθμισμένο για αυτές ακριβώς τις ερωτήσεις.