Zana zote Bila Malipo

Badilisha px, rem, em, pt na % kwa jedwali la moja kwa moja na CSS tayari kunakili

Thamani ya kubadilisha
px
px

rem ni jamaa na ukubwa wa fonti ya msingi; em na % ni jamaa na mzazi.

Thamani zilizobadilishwa
px
0
rem
0
em
0
pt
0
%
0
Thamani za kawaida
PXREMEMPT
10
12
14
16
18
20
24
28
32
40
48
64
Kipande cha CSS

						

Kuhusu Kibadilishaji cha Pikseli kwa EM/REM

Kibadilishaji cha pixel kwenda EM/REM hubadilisha thamani za urefu za CSS kati ya px, rem, em, pt na percent. Ingiza thamani katika kipimo chochote kati ya vitano hivi na jedwali linaloonyesha wakati huo hukuonyesha kinacholingana katika vingine vyote — pamoja na kipande cha CSS tayari kwa kunakiliwa unachoweza kubandika moja kwa moja kwenye stylesheet.

Ubadilishaji huheshimu jinsi CSS halisi inavyosuluhisha vipimo: rem inahusiana na ukubwa wa fonti wa mzizi (root), wakati em na % zinahusiana na ukubwa wa fonti wa kipengele mzazi (parent). Ukubwa wote miwili wa rejea unaweza kuhaririwa, hivyo unaweza kuiga root ya px 16 na kipengele cha px 14, au kipimo chochote cha mfumo wa muundo unaotumia.

Jedwali la thamani za kawaida huonyesha ukubwa wanaotumia wabunifu mara nyingi — hivyo maswali kama "24px ni rem ngapi" hujibiwa kwa mtazamo mmoja. Chombo hiki ni bure, hubadilika unapoandika na ni muhimu kwa kubadilisha michoro ya pixel isiyobadilika kuwa CSS inayoweza kubadilika ya rem yenye ufikivu bora.

Jinsi ya kutumia Kibadilishaji cha Pikseli kwa EM/REM

  1. Ingiza thamani ya kubadilisha na uchague kipimo chake: px, rem, em, pt au %.
  2. Rekebisha ukubwa wa fonti wa root (kwa rem) na ukubwa wa fonti wa parent (kwa em na %) ikiwa vinatofautiana na px 16.
  3. Soma thamani zilizobadilishwa kwenye jedwali linaloonyesha wakati huo huo.
  4. Nakili kipande cha CSS kilichotengenezwa au thamani yoyote kutoka jedwali la thamani za kawaida.

Maswali yanayoulizwa mara kwa mara

rem huhusiana daima na ukubwa wa fonti wa root (html), wakati em huhusiana na ukubwa wa fonti uliorithiwa wa kipengele cha sasa. Thamani za em zilizowekwa ndani ya nyingine hujumuika, ndiyo maana rem kwa kawaida hutabirika zaidi kwa muundo wa ukurasa (layout).

Kwa ukubwa wa fonti wa root wa kawaida wa px 16, px 16 sawa na rem 1 kamili. Badilisha kipengele cha ukubwa wa root na kibadilishaji hukokotoa upya — kwenye root ya px 18, px 16 inakuwa rem 0.889 hivi.

Thamani za rem hubadilika wakati watumiaji wanabadilisha ukubwa wa msingi wa fonti wa kivinjari chao, na kufanya maandishi yasomeke kwa watu wanaohitaji herufi kubwa zaidi. Ukubwa usiobadilika wa px haujali mapendeleo hayo, jambo linaloathiri ufikivu (accessibility).

CSS hufafanua pt 1 kama 1/72 ya inchi na px 1 kama 1/96, hivyo pt 1 = px 1.333 na pt 12 = px 16. Points huonekana zaidi kwenye stylesheet za kuchapisha na nyaraka zilizoingizwa kutoka programu za uandishi wa maneno.

Kwa ukubwa wa fonti, % huhusiana na ukubwa wa fonti wa kipengele mzazi, kama vile em: 100% sawa na ukubwa wa mzazi, hivyo 87.5% ya mzazi wa px 16 ni px 14. Weka kipengele cha ukubwa wa parent kilingane na muktadha wako.


Utafutaji maarufu
kibadilishaji cha px kwa rem kibadilishaji cha px kwa em pikseli kwa rem rem kwa px kibadilishaji cha kipimo cha css kikokotoo cha px em rem
Unahitaji msaada?
Umepata tatizo na zana hii? Tujulishe timu yetu.
Ripoti tatizo

Ongeza zana hii ya bure kwenye tovuti yako mwenyewe — nakili na ubandike msimbo ulio hapa chini.