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

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

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

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

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