Kigeuzi cha px hadi rem & em
Badilisha kati ya px, rem na em kwa kutumia saizi zako za msingi na muktadha — hariri sehemu yoyote na nyingine mbili zitasasishwa unapoandika.
| px | rem |
|---|---|
| 8 | 0.5 |
| 12 | 0.75 |
| 14 | 0.875 |
| 16 | 1 |
| 18 | 1.125 |
| 20 | 1.25 |
| 24 | 1.5 |
| 32 | 2 |
| 40 | 2.5 |
| 48 | 3 |
Kila ubadilishaji unafanyika kwenye kivinjari chako. Hakuna unachoandika kinachopakiwa kwenye BroBroGo.
Maswali Yanayoulizwa Sana
Kuna tofauti gani kati ya px, rem na em?
px ni urefu thabiti. rem inapimwa kulingana na saizi ya fonti ya msingi (root) ya ukurasa, kwa hivyo kwenye msingi wa 16px, 1rem ni sawa na 16px. em inapimwa kulingana na saizi ya fonti ya elementi iliyopo. Kuweka saizi ya maandishi na nafasi katika rem kuruhusu kila kitu kubadilika msomaji anapobadilisha saizi chaguomsingi ya fonti yake.
Kwa nini kuna saizi tofauti ya muktadha wa em?
em inategemea saizi ya fonti ya elementi yake yenyewe, ambayo si mara zote msingi (root). Weka muktadha wa em kwenye saizi ya fonti ya elementi hiyo ili kusoma em kwa usahihi, na uiweke sawa na msingi wakati zote mbili zinapolingana.
Je, ikiwa saizi yangu ya fonti ya msingi si 16px?
Badilisha sehemu ya saizi ya fonti ya msingi (root) ili ilingane na CSS yako na kila thamani ya rem itasasishwa papo hapo. Jedwali la haraka hapa chini ni mwongozo rahisi kwa msingi wa kawaida wa 16px ambao tovuti nyingi huanzia.