Penukar Pixel ke EM/REM
Tukar px, rem, em, pt dan % dengan jadual langsung dan CSS sedia salin
rem adalah relatif kepada saiz fon akar; em dan % adalah relatif kepada induk.
| PX | REM | EM | PT |
|---|---|---|---|
| 10 | — | — | — |
| 12 | — | — | — |
| 14 | — | — | — |
| 16 | — | — | — |
| 18 | — | — | — |
| 20 | — | — | — |
| 24 | — | — | — |
| 28 | — | — | — |
| 32 | — | — | — |
| 40 | — | — | — |
| 48 | — | — | — |
| 64 | — | — | — |
Mengenai Penukar Pixel ke EM/REM
Penukar pixel ke EM/REM menterjemahkan nilai panjang CSS antara px, rem, em, pt dan peratus. Masukkan nilai dalam mana-mana daripada lima unit ini dan jadual langsung akan menunjukkan nilai setara dalam semua unit lain — ditambah cebisan CSS sedia salin yang boleh anda tampal terus ke dalam helaian gaya.
Penukaran mengikut cara CSS sebenarnya menyelesaikan unit: rem adalah relatif kepada saiz fon akar, manakala em dan % adalah relatif kepada saiz fon elemen induk. Kedua-dua saiz rujukan boleh disunting, jadi anda boleh memodelkan akar 16 px dengan komponen 14 px, atau mana-mana skala sistem reka bentuk yang anda gunakan.
Jadual nilai lazim memetakan saiz yang paling kerap dicari oleh pereka bentuk — jadi soalan seperti "berapakah 24px dalam rem" dijawab sekelip mata. Alat ini percuma, dikemas kini semasa anda menaip dan menjadi kegunaan utama untuk menukar mockup pixel tetap kepada CSS berasaskan rem yang boleh diskalakan dan lebih mudah diakses.
Cara menggunakan Penukar Pixel ke EM/REM
- Masukkan nilai untuk ditukar dan pilih unitnya: px, rem, em, pt atau %.
- Laraskan saiz fon akar (untuk rem) dan saiz fon induk (untuk em dan %) jika berbeza daripada 16 px.
- Baca nilai yang ditukar dalam jadual langsung.
- Salin cebisan CSS yang dijana atau mana-mana nilai daripada jadual nilai lazim.