Kibadilishaji cha Pikseli kwa EM/REM
Badilisha px, rem, em, pt na % kwa jedwali la moja kwa moja na CSS tayari kunakili
rem ni jamaa na ukubwa wa fonti ya msingi; em na % ni jamaa na mzazi.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
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
- Ingiza thamani ya kubadilisha na uchague kipimo chake: px, rem, em, pt au %.
- Rekebisha ukubwa wa fonti wa root (kwa rem) na ukubwa wa fonti wa parent (kwa em na %) ikiwa vinatofautiana na px 16.
- Soma thamani zilizobadilishwa kwenye jedwali linaloonyesha wakati huo huo.
- Nakili kipande cha CSS kilichotengenezwa au thamani yoyote kutoka jedwali la thamani za kawaida.