Olùyípadà em sí Pixel

Nípa ẹ̀rọ ìṣirò yìí

em jẹ́ ẹyọ ìgùn CSS onífiwéra tí a so mọ́ ìwọ̀n fọ́ńtì: 1em nígbà gbogbo dọ́gba pẹ̀lú font-size lọ́wọ́lọ́wọ́ ti èlò tí a lò ó lé lórí (tàbí, nígbà tí a bá lò ó fún font-size fúnra rẹ̀, font-size èlò òbí). Àwọn aṣàwákiri ń ṣètò font-size gbòǹgbò yẹn sí 16px ní àtìlẹ̀yìn, nítorí náà ní ètò àtìlẹ̀yìn 1em = 16px, àti ní gbogbogbò px = em × font-size ìpìlẹ̀ — àkọlé tí a ṣètò ní 2em lórí ìpìlẹ̀ 16px ń hàn ní 32px, ṣùgbọ́n 2em kan náà lórí ìpìlẹ̀ 18px ń hàn ní 36px.

Nítorí pé em ń pọ̀ sí i tàbí ń dín kù pẹ̀lú font-size olùlò tàbí ti èlò òbí, ó jẹ́ ẹyọ tí àwọn olùdásílẹ̀ CSS ń lò nínú ìkọ̀wé tí ó ń ṣe àtúnṣe sí ojú-ìwé àti tí ó ṣeé wọlé — line-height, àwọn ààlà, àti font-size tí ó yẹ kí ó dàgbà nígbà tí ẹnìkan bá gbé ètò ìwọ̀n ọ̀rọ̀ aṣàwákiri rẹ̀ sókè. Yíyí padà láàrin em àti pixels jẹ́ ìgbésẹ̀ déédéé nígbà tí a bá ń túmọ̀ àpẹẹrẹ apẹ̀rẹ̀ onípixel (Figma, Sketch) sí CSS tí ó lè yí ìwọ̀n padà tí ó sì ṣeé wọlé.