em–pikseli-muunnin

Syötä arvo em-yksiköinä ja perusfonttikoko muuntaaksesi pikseleiksi.

Käyttöohjeet

  1. Syötä arvosi yllä oleviin kenttiin.
  2. Näe tulos painamalla "Laske".
  3. Lähetä tuloksesi "Jaa"-painikkeella.

Tietoa tästä laskurista

em on suhteellinen CSS-pituusyksikkö, joka on sidottu fonttikokoon: 1em on aina yhtä suuri kuin sen elementin nykyinen fonttikoko, johon yksikköä sovelletaan (tai kun sitä käytetään itse fonttikoolle, vanhempielementin fonttikoko). Selaimet asettavat tämän juurifonttikoon oletuksena arvoon 16px, joten oletusasetuksella 1em = 16px ja yleisesti px = em × perusfonttikoko — 16 pikselin perusfonttikoolla arvoon 2em asetettu otsikko piirtyy 32 pikselin kokoisena, mutta sama arvo 2em 18 pikselin perusfonttikoolla piirtyy 36 pikselin kokoisena.

Koska em skaalautuu käyttäjän tai vanhempielementin fonttikoon mukana, CSS-kehittäjät valitsevat sen responsiiviseen ja saavutettavaan typografiaan — riviväliin, marginaaleihin ja fonttikokoon, joiden pitäisi kasvaa, kun joku suurentaa selaimensa tekstikokoasetusta. Muuntaminen em-yksikön ja pikselien välillä on tavanomainen vaihe, kun pikselipohjainen suunnitteluluonnos (Figma, Sketch) muutetaan skaalautuvaksi ja saavutettavaksi CSS:ksi.

Oliko tästä apua?

Voit valita enintään 3 reaktiota.

Kommentit

  • Ole ensimmäinen kommentoija.

Suositut laskimet

Kaikki laskurit