Berapa 1rem dalam px?

1rem sama dengan ukuran font elemen akar; dengan bawaan 16 px, 1rem = 16 px.

Apa bedanya em dan rem?

rem selalu relatif ke ukuran font akar, sedangkan em relatif ke ukuran font yang diwarisi elemen saat ini.

Browser ponsel menyembunyikan atau menampilkan bilah alamat, sehingga 100vh bisa melebihi area terlihat; gunakan dvh atau svh bila didukung.

Utamakan rem untuk tipografi UI; pakai px hanya untuk border tipis dan detail presisi piksel.

Diperbarui: 2026-09-01

Satuan	Relatif terhadap	Penggunaan umum
px	Piksel perangkat (piksel CSS)	Border, ikon presisi
rem	Ukuran font elemen akar	Skala tipografi, spasi
em	Ukuran font elemen induk	Penentuan ukuran lokal komponen
%	Properti elemen induk	Lebar, layout fleksibel
vw	1% lebar viewport	Seksi full-bleed
vh	1% tinggi viewport	Tinggi hero (waspadai UI seluler)
vmin / vmax	Sisi viewport lebih kecil/besar	Ukuran responsif hampir persegi
ch	Lebar glif “0”	Blok kode, kolom monospace
ex	Tinggi x font	Tipografi halus yang jarang
svh / lvh / dvh	Viewport kecil/besar/dinamis	Tinggi aman browser seluler

Di ponsel, 100vh bisa mencakup bar browser yang tersembunyi — utamakan dvh/svh bila didukung.
Pengaturan ukuran font pengguna memengaruhi rem — biasanya bagus untuk aksesibilitas.

Berapa 1rem dalam px?: 1rem sama dengan ukuran font elemen akar; dengan bawaan 16 px, 1rem = 16 px.
Apa bedanya em dan rem?: rem selalu relatif ke ukuran font akar, sedangkan em relatif ke ukuran font yang diwarisi elemen saat ini.
Mengapa 100vh tidak akurat di ponsel?: Browser ponsel menyembunyikan atau menampilkan bilah alamat, sehingga 100vh bisa melebihi area terlihat; gunakan dvh atau svh bila didukung.