px ⇄ rem ⇄ em ⇄ vw, ukuran lentur dengan clamp() dan skala tipografi CSS/Tailwind.
Konversi satuan: panjang dalam px, rem, em, pt, %, vw, vh dan satuan lain, ditampilkan sekaligus dalam semua satuan, dengan ukuran root, ukuran induk dan viewport pilihan Anda. clamp() lentur: isi ukuran pada viewport kecil dan besar, lalu dapatkan nilai clamp() yang tumbuh linear, rumusnya, tabel per lebar dan pratinjau. Skala tipografi dan jarak: statis atau lentur, diekspor sebagai variabel CSS, Tailwind v4 atau v3.
Kemiringan = (S₂ − S₁) / (W₂ − W₁) dan titik potong = S₁ − kemiringan × W₁. Untuk 16px pada 320px dan 24px pada 1280px: clamp(1rem, 0.8333rem + 0.8333vw, 1.5rem), menghasilkan 20px pada 800px.
Zoom browser memperbesar bagian rem tetapi tidak bagian vw. Selalu sertakan bagian rem dan jangan biarkan ukuran maksimum lebih dari sekitar 2,5 kali minimum, agar teks tetap bisa diperbesar sampai 200 %. Teks yang memakai px mengabaikan pengaturan ukuran font bawaan pembaca, sedangkan rem selalu mengikutinya dengan setia. Baca rem, px atau clamp() untuk tipografi lentur.
Sama dengan ukuran font root: 16px secara bawaan, tetapi pengguna atau halaman bisa mengubahnya.
Kemiringan = (ukuran maks − min) ÷ (lebar maks − min); titik potong = min − kemiringan × lebar min.
Bisa, jika tetap ada bagian rem dan rentangnya wajar; uji dengan zoom browser.
Diperbarui 14 Oktober 2026 · Lainnya di Web, SEO dan pemasaran
