Penukar Unit CSS

Tukar satu nilai panjang antara sembilan sistem unit CSS: px, rem, em, vw, vh, pt, cm, mm, dan in. Penukaran melalui piksel sebagai asas biasa, menggunakan saiz fon akar yang boleh dikonfigurasi untuk rem/em dan saiz viewport yang boleh dikonfigurasi untuk vw/vh. Kesemua lapan unit lain ditunjukkan sekaligus dalam grid hasil.

1. Masukkan nilai yang hendak ditukar dalam input berangka. 2. Pilih unit sumber daripada menu lungsur di sebelahnya. 3. Tetapkan Saiz Fon Akar (digunakan untuk rem dan em; lalai 16px). 4. Tetapkan lebar dan tinggi Viewport (digunakan untuk vw dan vh; lalai 1920x1080). 5. Baca nilai setara bagi setiap unit lain dalam grid hasil.

Semuanya ditukar kepada px dahulu, kemudian kepada unit sasaran. px ialah identiti. rem dan em kedua-duanya mendarab/membahagi dengan saiz fon akar (em di sini menggunakan akar yang sama, bukan saiz fon induk). vw dan vh menggunakan (value/100) * dimensi viewport. pt menggunakan 96/72, cm menggunakan 96/2.54, mm menggunakan 96/25.4, in menggunakan 96 — semua mengikut spesifikasi CSS pada 96 piksel CSS per inci. Hasil menggunakan sehingga 6 tempat perpuluhan, dengan 0 dipaparkan untuk nilai yang sangat kecil.