Μετατροπή 24 εικονοστοιχείων σε REM
Μετατρέψτε τα px σε rem, rem σε px και px σε em σε οποιοδήποτε βασικό μέγεθος γραμματοσειράς, με μια γραμμή CSS έτοιμη για αντιγραφή και έναν ζωντανό πίνακα αναφοράς.
Αποτέλεσμα
Αυτή η σελίδα ανοίγει τον μετατροπέα με 24 που έχουν ήδη εισαχθεί: στο προεπιλεγμένο μέγεθος γραμματοσειράς 16 px, τα 24 εικονοστοιχεία είναι ακριβώς 1,5 rem, επειδή το 24 διαιρούμενο με το 16 είναι 1,5. Μέγεθος γραμματοσειράς της γραμμής CSS: 1,5 rem; είναι έτοιμο να αντιγράψει τη στιγμή που φορτώνεται η σελίδα.
Τα είκοσι τέσσερα εικονοστοιχεία είναι ένα μέγεθος εργασίας — ένα τυπικό μέγεθος γραμματοσειράς h3 ή μεγάλου σώματος, μια τυπική διάσταση εικονιδίου και ένα από τα πιο χρησιμοποιούμενα βήματα απόστασης σε πλέγματα 8 σημείων. Η καθαρή τιμή του 1,5rem στην προεπιλεγμένη βάση το καθιστά αγαπημένο άγκυρα κατά τη μετατροπή ενός σχεδίου pixel σε μονάδες rem.
Εάν το μέγεθος της ριζικής γραμματοσειράς σας διαφέρει, πληκτρολογήστε την πραγματική βάση — σε ρίζα 10 εικονοστοιχείων, τα ίδια 24 εικονοστοιχεία γίνονται 2,4 εικονοστοιχεία — και συμβουλευτείτε τον παρακάτω πίνακα αναφοράς για τα γειτονικά μεγέθη 20, 32 και 48 px που έχουν μετατραπεί ταυτόχρονα. Όλα εκτελούνται ζωντανά στο πρόγραμμα περιήγησής σας.