MoreLesson 203Preview gratis
Responsive Text
Lesson ini bagian dari How To · Semua level
Ringkasan
Teks responsif menyesuaikan ukurannya dengan lebar layar agar tetap nyaman dibaca di ponsel maupun desktop. Fungsi clamp() memungkinkan penetapan ukuran minimum, ukuran ideal berbasis viewport, dan ukuran maksimum dalam satu deklarasi. Pendekatan ini lebih ringkas dibanding menulis banyak media query untuk setiap ukuran layar.
Poin kunci
- clamp(min, ideal, max) membatasi ukuran teks pada rentang yang aman
- Satuan vw membuat ukuran mengikuti lebar viewport
- Selalu sediakan batas minimum agar teks tidak terlalu kecil di layar sempit
- Gunakan satuan rem untuk batas agar menghormati pengaturan ukuran font pengguna
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.