Tukar 24px kepada REM
Tukar px kepada rem, rem kepada px dan px kepada em pada sebarang saiz fon asas, dengan baris CSS sedia salin dan jadual rujukan langsung.
Hasilnya
Halaman ini membuka penukar dengan 24 telah dimasukkan: pada saiz fon asas 16px lalai, 24px adalah tepat 1.5rem, kerana 24 dibahagikan dengan 16 ialah 1.5. Saiz fon baris CSS: 1.5rem; sedia untuk menyalin saat halaman dimuatkan.
Dua puluh empat piksel ialah saiz kuda kerja — saiz fon h3 atau badan besar biasa, dimensi ikon standard dan salah satu langkah jarak yang paling banyak digunakan dalam grid 8 mata. Nilai 1.5rem yang bersih pada asas lalai menjadikannya sauh kegemaran apabila menukar reka bentuk piksel kepada unit rem.
Jika saiz fon akar anda berbeza, taip asas sebenar — pada akar 10px, 24px yang sama menjadi 2.4rem — dan rujuk jadual rujukan di bawah untuk saiz jiran 20, 32 dan 48 px yang ditukar pada masa yang sama. Semuanya berjalan secara langsung dalam penyemak imbas anda.