Konverter PX ke REM

Konversi piksel dan rem CSS dengan ukuran huruf akar Anda.

Rumus Layar & desain

REM

Poin: 18 pt
Persen dari ukuran akar: 150 %

Cara kerjanya

Satu rem sama dengan ukuran huruf elemen html akar, secara default 16 px di peramban. Membagi nilai piksel dengan ukuran akar menghasilkan rem; mengalikan rem dengan ukuran akar menghasilkan piksel.

Em bekerja dengan cara yang sama tetapi relatif terhadap ukuran huruf elemen induk, sehingga sama dengan rem hanya jika induknya menggunakan ukuran akar.

Dalam CSS, 1 px didefinisikan sebagai 1/96 inci dan 1 pt sebagai 1/72 inci, sehingga 1 px = 0.75 pt.

Rumus

rem = px ÷ ukuran akar
px = rem × ukuran akar
pt = px × 0.75

Contoh perhitungan

Dengan akar 16 px secara default, 24 px adalah 24 ÷ 16 = 1.5 rem, yaitu 18 pt dan 150% dari ukuran akar.

Pertanyaan yang sering diajukan

Mengapa menggunakan rem alih-alih px?

Ukuran rem ikut berubah ketika pengguna mengubah ukuran huruf default peramban, yang membantu aksesibilitas.

Apa perbedaan antara rem dan em?

Rem relatif terhadap elemen akar; em relatif terhadap elemen induk dari elemen saat ini, sehingga nilai em yang bersarang saling menumpuk.