px uz rem un em konvertētājs
Konvertējiet starp px, rem un em, izmantojot savus saknes un konteksta fontu izmērus — rediģējiet jebkuru lauku, un pārējie divi tiks atjaunināti rakstīšanas laikā.
| 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 |
Katra konvertēšana darbojas jūsu pārlūkprogrammā. Nekas no ievadītā netiek augšupielādēts BroBroGo.
BUJ
Kāda ir atšķirība starp px, rem un em?
px ir fiksēts garums. rem tiek mērīts pret lapas saknes fonta izmēru, tāpēc pie 16px saknes 1rem ir vienāds ar 16px. em tiek mērīts pret tā elementa fonta izmēru, kurā tas atrodas. Izmēru un atstarpju noteikšana rem mērvienībās ļauj visam mērogoties, kad lasītājs maina savu noklusējuma fonta izmēru.
Kāpēc ir atsevišķs em konteksta izmērs?
em ir relatīvs pret tā paša elementa fonta lielumu, kas ne vienmēr ir sakne. Iestatiet em kontekstu uz šī elementa fonta lielumu, lai pareizi nolasītu em, un saglabājiet to vienādu ar sakni, kad abi sakrīt.
Ko darīt, ja mans saknes fonta izmērs nav 16px?
Mainiet saknes fonta izmēra lauku, lai tas atbilstu jūsu CSS, un katra rem vērtība tiks atjaunināta uzreiz. Zemāk redzamā ātrā tabula ir ērts ceļvedis parastajai 16px saknei, ar kuru sāk lielākā daļa vietņu.