Beddelaha px to rem & em
U beddel inta u dhaxaysa px, rem iyo em adigoo isticmaalaya cabbirrada fartaada asalka ah iyo macnaha guud — wax ka beddel goob kasta oo labada kale ayaa cusboonaysiismaya markaad qorayso.
| 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 |
Beddelid kasta waxay ku dhex socotaa biraawsarkaaga. Waxba oo aad qorto looma soo gudbiyo BroBroGo.
Su'aalaha badanaa la isweydiiyo
Muxuu yahay farqiga u dhexeeya px, rem iyo em?
px waa dherer go'an. rem waxaa lagu cabbiraa marka loo eego cabbirka farta asalka ah ee bogga (root font size), markaa marka uu asalku yahay 16px, 1rem wuxuu la mid yahay 16px. em waxaa lagu cabbiraa marka loo eego cabbirka farta ee walha uu ku dhex jiro. Cabbiridda farta iyo masaafada ee rem waxay u oggolaanaysaa wax kasta inay miisaamaan marka akhristuhu beddelo cabbirka farta caadiga ah.
Maxay u jirtaa cabbir gooni ah oo loogu talagalay macnaha guud ee em?
em wuxuu la xiriiraa cabbirka farta ee walhiisa u gaarka ah, kaas oo aan had iyo jeer ahayn asalka (root). Dejiso macnaha guud ee em (em context) cabbirka farta walhaas si aad u akhrido em-ka si sax ah, oo ku hay mid la siman asalka marka ay labaduba isku mid yihiin.
Maxaa dhacaya haddii cabbirka farta asalka ah ee aan haysto uusan ahayn 16px?
Beddel goobta cabbirka farta asalka ah (root font size) si ay u dhiganto CSS-kaaga oo qiimo kasta oo rem ah ayaa isla markaaba cusboonaysiismaya. Shaxda degdegga ah ee hoose waa hage waxtar u leh asalka caadiga ah ee 16px ee inta badan mareeguhu ka bilaabaan.