Μετατροπέας em σε Pixel

Σχετικά με αυτόν τον υπολογιστή

Το em είναι μια σχετική μονάδα μήκους του CSS που συνδέεται με το μέγεθος γραμματοσειράς: το 1em ισούται πάντα με το τρέχον μέγεθος γραμματοσειράς (font-size) του στοιχείου στο οποίο εφαρμόζεται (ή, όταν χρησιμοποιείται για το ίδιο το font-size, με το font-size του γονικού στοιχείου). Οι φυλλομετρητές ορίζουν από προεπιλογή αυτό το ριζικό font-size στα 16px, οπότε στην προεπιλεγμένη ρύθμιση 1em = 16px, και γενικά px = em × βασικό font-size — ένας τίτλος ορισμένος στα 2em σε βάση 16px αποδίδεται στα 32px, αλλά τα ίδια 2em σε βάση 18px αποδίδονται στα 36px.

Επειδή το em κλιμακώνεται με το font-size του χρήστη ή του γονικού στοιχείου, είναι η μονάδα στην οποία καταφεύγουν οι προγραμματιστές CSS στην ανταποκρινόμενη και προσβάσιμη τυπογραφία — line-height, περιθώρια και font-size που πρέπει να μεγαλώνουν όταν κάποιος αυξάνει τη ρύθμιση μεγέθους κειμένου του φυλλομετρητή του. Η μετατροπή ανάμεσα σε em και pixel είναι ένα συνηθισμένο βήμα όταν μεταφράζεται ένα μοντέλο σχεδίασης βασισμένο σε pixel (Figma, Sketch) σε κλιμακούμενο, προσβάσιμο CSS.