Kategori: Alat pengembang
Konverter Satuan CSS
Konversi px, rem, em, %, vw, dan vh
Masukkan nilai dalam px, rem, em, persen, vw, atau vh, beserta ukuran font dasar, viewport, dan kontainer tempatnya berlaku, lalu dapatkan panjang yang sama dalam semua satuan lainnya.
Konversi dilakukan di halaman dari angka yang Anda ketik. Tidak ada yang dikirim ke mana pun.
Semua yang ada di halaman ini diproses di peramban Anda. Tidak ada yang diunggah.
Apa fungsi alat ini
Nilai piksel dikonversi ke rem dengan cara yang sama di mana pun, tetapi persen, vw, dan vh tidak begitu: keduanya bergantung pada ukuran kontainer atau viewport yang berubah dari satu halaman ke halaman lain. Alat ini meminta konteks tersebut lebih dulu, sehingga angka yang dihasilkan benar-benar sesuai tampilan sebenarnya, bukan sekadar tebakan berbasis root 16px yang umum. rem dan em diperlakukan sama di sini, keduanya diskalakan dari ukuran font dasar yang Anda masukkan, karena tanpa elemen induk sungguhan di halaman tidak ada ukuran induk terpisah untuk membedakan keduanya. Ubah ukuran font dasar untuk melihat bagaimana pengaturan teks yang diperbesar oleh pengunjung menggeser semua nilai rem dan em sekaligus.
Cara memakainya
- Masukkan nilainya dan pilih satuan asalnya.
- Atur ukuran font dasar, lebar dan tinggi viewport, serta ukuran kontainer yang berlaku.
- Baca panjang yang sama dikonversi ke semua satuan lainnya.
Privasi
Alat ini berjalan sepenuhnya di peramban Anda. Masukan Anda tidak pernah diunggah, disimpan, atau dibagikan — menutup tab akan menghapusnya.
Pertanyaan yang sering diajukan
- Mengapa rem dan em memberi hasil yang sama?
- Keduanya diskalakan dari ukuran font dasar. rem selalu memakai ukuran root dan em memakai ukuran induk, tetapi alat ini tidak punya halaman sungguhan untuk membaca ukuran induk yang nyata, sehingga ukuran font dasar yang Anda masukkan dipakai untuk keduanya.
- Untuk apa ukuran kontainer digunakan?
- Itu acuan untuk persen: persentase hanya bermakna relatif terhadap sesuatu, dan di sini yang dimaksud adalah ukuran kontainer yang Anda masukkan.
- Apakah ada yang dikirim ke server?
- Tidak. Konversi dihitung di halaman dari angka yang Anda ketik.