CSS Visual ToolsLesson 74Preview gratis
CSS Unit Converter
Lesson ini bagian dari Web Developer Tools · Semua level
Ringkasan
CSS unit converter membantu memahami dan mengubah satuan seperti px, rem, em, persen, vw, dan vh. Nilai relatif bergantung pada konteks, misalnya ukuran font root untuk rem atau lebar viewport untuk vw. Memilih satuan yang tepat membuat layout lebih fleksibel dan ramah aksesibilitas.
Poin kunci
- px bersifat absolut dan tidak mengikuti preferensi ukuran font pengguna
- rem dihitung terhadap font-size elemen root html
- em dihitung terhadap font-size elemen induk atau elemen itu sendiri
- vw dan vh masing-masing 1% dari lebar dan tinggi viewport
- Satuan relatif lebih baik untuk teks dan layout yang perlu menyesuaikan diri
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.