Converter ng em sa Pixel

Tungkol sa calculator na ito

Ang em ay isang relatibong yunit ng haba sa CSS na nakatali sa laki ng font: laging katumbas ng 1em ang kasalukuyang font-size ng elementong pinaglalapatan nito (o, kapag ginamit para sa mismong font-size, ang font-size ng parent element). Sa default ng mga browser, 16px ang root font-size, kaya sa default na setting ay 1em = 16px, at sa pangkalahatan ay px = em × base font-size — ang heading na nakatakda sa 2em sa 16px na base ay nagre-render sa 32px, ngunit ang parehong 2em sa 18px na base ay nagre-render sa 36px.

Dahil sumasabay ang em sa font-size ng user o ng parent element, ito ang yunit na pinipili ng mga CSS developer para sa responsive at accessible na typography — line-height, margin at font-size na dapat lumaki kapag itinaas ng isang tao ang setting ng laki ng teksto ng browser niya. Karaniwang hakbang ang pag-convert sa pagitan ng em at pixel kapag isinasalin ang isang disenyong mockup na nakabatay sa pixel (Figma, Sketch) tungo sa scalable at accessible na CSS.