px ir rem keitiklis
CSS dydis
1,5 rem
- rem24 ÷ 161,5 rem
- em24 ÷ 161,5 em
- pt24 × 72 ÷ 9618 pt
- Procentai24 ÷ 16 × 100150 %
| px | rem | pt | |
|---|---|---|---|
| 10 px | 0,625 rem | 7,5 pt | |
| 12 px | 0,75 rem | 9 pt | |
| 14 px | 0,875 rem | 10,5 pt | |
| 16 px | 1 rem | 12 pt | |
| 18 px | 1,125 rem | 13,5 pt | |
| 20 px | 1,25 rem | 15 pt | |
| 24 px | 1,5 rem | 18 pt | |
| 32 px | 2 rem | 24 pt | |
| 48 px | 3 rem | 36 pt | |
| 64 px | 4 rem | 48 pt |
em ir procentai skaičiuojami ne nuo šakninio, o nuo tėvinio elemento dydžio. Todėl įdėtiniuose elementuose jie dauginasi: 1,5 em viduje dar vieno 1,5 em jau yra 2,25 karto didesnis šriftas.
Dydžiai – mūsų pavyzdys: įrašykite savo.
Kaip skaičiuojame
rem matuojamas nuo šakninio (html) elemento šrifto dydžio, o em – nuo tėvinio elemento. Todėl rem visame puslapyje reiškia tą patį, o em priklauso nuo to, kur jį parašėte.
Šriftų dydžius verta rašyti rem vienetais: skaitytojas, kuriam sunku skaityti, pasididina šriftą naršyklės nustatymuose, ir visas puslapis išauga kartu. Px dydis lieka toks pat, kad ir ką skaitytojas pasirinktų.
pt CSS'e yra tikslus dydis, o ne spaustuvės punktas: 1 pt = 1/72 colio, 1 px = 1/96 colio, tad 1 pt = 4/3 px. Skaičiuojame tiksliai, be tarpinio apvalinimo.
Lentelėje – dydžiai, kuriuos puslapiai nustato dažniausiai. Pakeitus šakninį dydį, ji perskaičiuojama iš karto.
Skaičiuojama jūsų naršyklėje – duomenys į serverį nesiunčiami. Paskutines įrašytas reikšmes naršyklė įsimena šiame įrenginyje; jas ištrinsite mygtuku „Išvalyti“. Nukopijuota nuoroda perduoda ir šias reikšmes, tad jas matys kiekvienas, kam ją nusiųsite.
Atnaujinta 2026-09-20. Pakeitimai