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.

Qiimayaasha
Geli qiimo px, rem ama em ah — labada kale ayaa cusboonaysiismaya markaad qorayso.

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.

Waxaa qortay oo dib u eegtay kooxda tafatirka ee BroBroGo.Markii ugu dambaysay ee la cusboonaysiiyay:

Muxuu sameeyaa aaladan

Aaladan waxay kuu beddeshaa qiimayaal cabbir ah oo u dhexeeya px (pixels), rem iyo em. Waxaad geli kartaa qiimo ku qoran mid ka mid ah saddexda halbeeg — px, rem, ama em — aaladuna si toos ah ayay u xisaabisaa oo u muujisaa labada halbeeg ee kale. Sidoo kale waxaad dejin kartaa cabbirka farta asalka ah (root font size) iyo cabbirka farta macnaha guud ee em (em context font size), si beddelka lagu sameeyo uu ugu habboonaado naqshadaada gaarka ah.

Bogga aaladu wuxuu sifeeya shaqadan sidan: "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." Halka aad qiimayaasha ka geli karto waa goobta "Qiimayaasha", iyadoo labada goob ee kale, "Cabbirka farta asalka ah (px)" iyo "cabbirka farta macnaha guud ee em (px)", loo isticmaalo in lagu sahamiyo saldhigga xisaabinta. Sida uu qabo qoraalka hagaha ee bogga: "Geli qiimo px, rem ama em ah — labada kale ayaa cusboonaysiismaya markaad qorayso." Marka beddelku dhammaado, bogga wuxuu muujiyaa fariinta "Waa loo beddelay dhammaan saddexda halbeegba."

Aaladan waxay u tahay qof rabta inuu qiime px oo go'an ku beddelo unug la xidhiidha (rem ama em) si naqshaddiisu ugu shaqeyso si dabacsan, qof rabta inuu fahmo sida cabbirrada kala duwan ee farta asalka u saameeyaan qiimaha rem, iyo qof u baahan inuu xisaabiyo qiimaha em ee ku salaysan cabbirka farta curiye gaar ah.

Cabbirka farta asalka ah iyo saameyntiisa rem-ka

Goobta "Cabbirka farta asalka ah (px)" waxay u taagan tahay lambarka matalaya cabbirka farta asalka ah ee la isticmaalo marka rem la xisaabinayo. Qiimaheeda caadiga ahi (default) waa 16px. Marka cabbirka farta asalku yahay qiimahan caadiga ah, 16px, 1rem iyo 1em ayaa markii hore isku mid ah.

Tusaale ahaan, haddii cabbirka farta asalku uu weli yahay 16px oo aad geliso qiimaha 32px ee "Qiimayaasha", aaladu waxay ku beddeli doontaa 2rem, maadaama 32 ÷ 16 uu yahay 2. Haddii aad ka beddesho goobta "Cabbirka farta asalka ah (px)" oo aad ka dhigto 20px, isla nooca xisaabinta ayaa isticmaalma: qiimaha 40px wuxuu markaa noqonayaa 2rem, maadaama 40 ÷ 20 uu yahay 2. Sidaas ayaa loo arki karaa saameynta ay cabbirka farta asalka ah ku yeesho qiimaha rem ee soo baxa.

Qiimaha "Cabbirka farta asalka ah (px)" waa inuu had iyo jeer ahaadaa lambar ka weyn 0. Haddii aad geliso qiime aan sax ahayn ama aan ka weynayn 0, aaladu waxay soo bandhigtaa fariinta khaladka "Cabbirka farta asalka ah waa inuu ahaadaa lambar ka weyn 0."

Macnaha guud ee em

Goobta "cabbirka farta macnaha guud ee em (px)" waxay u taagan tahay cabbirka farta ee curiyaha (element) aad rabto inaad ku xisaabiso qiimaha em. Qiimaheeda caadiga ahna waa 16px. Farqiga u dhexeeya em iyo rem waxaa lagu arkaa halkan: rem waxaa lagu xisaabiyaa cabbirka farta asalka ah ee guud, halka em lagu xisaabiyo cabbirka farta curiyaha gaarka ah ee la doonayo — kaas oo aad ku dejiso goobta "cabbirka farta macnaha guud ee em (px)".

Tusaale ahaan, haddii aad dejiso "cabbirka farta macnaha guud ee em" 24px si aad u matasho curiye gaar ah, kadibna aad geliso qiimaha 36px ee "Qiimayaasha", aaladu waxay soo saari doontaa 1.5em, maadaama 36 ÷ 24 uu yahay 1.5.

Sida goobta cabbirka farta asalka ah, qiimaha "cabbirka farta macnaha guud ee em (px)" waa inuu ahaadaa lambar ka weyn 0. Haddii kale, waxaa soo baxaya fariinta "cabbirka farta macnaha guud ee em waa inuu ahaadaa lambar ka weyn 0."

Shaxda caadiga ah ee px → rem iyo isbeddelka toos ah

Bogga aaladu wuxuu sidoo kale ka kooban yahay shax lagu magacaabo "Caadiga ah px → rem (16px base)". Shaxdani waxay tusaysa sida qiyaasyo px oo caan ah ugu beddelmaan rem marka la qaato in cabbirka farta asalku yahay 16px — taas oo kaa caawinaysa inaad si degdeg ah u eegto beddelka rem ee qiimayaasha aad inta badan isticmaasho, iyadoo aan laguu waydiinayn inaad wax geliso.

Marka aad si toos ah wax uga beddesho mid ka mid ah goobaha px, rem ama em ee "Qiimayaasha", labada goob ee kale ayaa isla markiiba isbeddela — sidaas ayaa qoraalka hagaha bogga u sheegayaa: wax ka beddel goob kasta oo labada kale ayaa cusboonaysiismaya markaad qorayso.

Qiimayaasha taban iyo fariimaha khaladka

Aaladu waxay ku ogolaataa qiimayaal px ah oo taban (negative) in lagu geliyo goobta "Qiimayaasha". Haddii aad geliso qiime aan lambar ahayn ama aan la aqbali karin ee "Qiimayaasha", aaladu waxay muujisaa fariinta khaladka "Geli lambar si aad u beddelto."

Marka la soo koobo saddexda fariimood ee khaladka ee bogga muujin karo:

  • "Geli lambar si aad u beddelto." — marka goobta "Qiimayaasha" ay ka heli qiime aan sax ahayn.
  • "Cabbirka farta asalka ah waa inuu ahaadaa lambar ka weyn 0." — marka goobta "Cabbirka farta asalka ah (px)" aysan ahayn lambar ka weyn 0.
  • "cabbirka farta macnaha guud ee em waa inuu ahaadaa lambar ka weyn 0." — marka goobta "cabbirka farta macnaha guud ee em (px)" aysan ahayn lambar ka weyn 0.

Sirta habka shaqada

Beddelid kasta waxay ku dhex socotaa biraawsarkaaga. Waxba oo aad qorto looma soo gudbiyo BroBroGo.

Su'aalaha Inta Badan La Isweydiiyo

Maxay yihiin saddexda cabbir ee aaladan isku beddesho? Aaladu waxay isku beddeshaa px, rem iyo em. Marka aad geliso qiime mid ka mid ah saddexdaas, way isla markiiba xisaabisaa oo muujisaa labada kale.

Muxuu yahay qiimaha caadiga ah ee cabbirka farta asalka ah iyo macnaha guud ee em? Labaduba waa 16px marka aaladu markii hore furanto, taas oo keenaysa in 16px, 1rem iyo 1em ay markii hore isku mid yihiin.

Ma isticmaali karaa qiime px ah oo taban? Haa. Aaladu waxay ku ogolaataa qiimayaal px ah oo taban (negative) in lagu geliyo goobta "Qiimayaasha".

Maxaa dhici doona haddii aan geliyo qiime aan sax ahayn? Haddii qiimaha "Qiimayaasha" uusan sax ahayn, waxaad heli doontaa fariinta "Geli lambar si aad u beddelto." Haddii cabbirka farta asalka ah ama macnaha guud ee em uusan ahayn lambar ka weyn 0, waxaad heli doontaa mid ka mid ah labada fariimood khaladka ee la xiriira goobahaas.

Xogtayda ma la kaydiyaa server-ka BroBroGo? Maya. Beddelid kasta waxay ku dhex socotaa biraawsarkaaga, waxna aad qorto looma soo gudbiyo BroBroGo.

Xisaabiyaha CSS clamp()Geli cabbir loogu talagalay shaashadaha yaryar iyo kuwa waaweyn si aad u hesho qiimo dabiici ah oo clamp() ah oo si habsmooth ah ugu dhex miisaamaya — ee cabbirrada farta, padding, margins ama gaps.Beddelaha UnugyadaU beddel dhererka, miisaanka, heerkulka, bedka, mugga iyo xawaaraha unug kasta dhexdooda, isla markiiba.Beddelaha MidabkaU beddel midabada HEX, RGB, HSL, HSV, CMYK iyo LAB — wax ka beddel goob kasta oo inta kale ayaa cusboonaysiismaya markaad gasho.Xisaabiyaha Saamiga DhinacyadaU beddel ballac kasta × dherer kasta saami nadiif ah oo ah sida 16:9, ama dooro saami oo dhammaystir dhinaca dhiman — fiidiyowga, sawirrada iyo shaashadahaba.