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

Αυτή η σελίδα ανοίγει τον μετατροπέα στην κατεύθυνση px → em. Η αριθμητική είναι η ίδια διαίρεση με το rem — τα εικονοστοιχεία διαιρούμενα με ένα μέγεθος γραμματοσειράς αναφοράς — αλλά η αναφορά είναι διαφορετική: το em σχετίζεται με το μέγεθος γραμματοσειράς του γονικού στοιχείου (ή, για το ίδιο το μέγεθος γραμματοσειράς, το κληρονομούμενο μέγεθος του στοιχείου), όχι με τη ρίζα.

Αυτή η διαφορά είναι ακριβώς όταν προσεγγίζετε το em: γέμιση που θα πρέπει να αυξάνεται με το κείμενο του ίδιου του στοιχείου, ερωτήματα πολυμέσων γραμμένα σε em ή ένα κουμπί του οποίου το διάστημα κλιμακώνεται όταν αλλάζει το μέγεθος της γραμματοσειράς του. Εισαγάγετε το πραγματικό μέγεθος γραμματοσειράς του γονέα στο πεδίο βάσης — εάν το στοιχείο σας βρίσκεται σε κείμενο 14 εικονοστοιχείων, τα 21 εικονοστοιχεία της συμπλήρωσης είναι 1,5 εμ και όχι 1,3125 εικονοστοιχεία.

Το αποτέλεσμα συνοδεύεται από μια γραμμή CSS έτοιμη για αντιγραφή και ο πίνακας αναφοράς δείχνει τα κοινά μεγέθη εικονοστοιχείων που μετατρέπονται σε σχέση με το τρέχον γονικό μέγεθος. Τα πάντα ενημερώνονται ζωντανά στο πρόγραμμα περιήγησής σας καθώς πληκτρολογείτε, χωρίς να φεύγουν δεδομένα από τη σελίδα.