HTML TutorialLesson 31Preview gratis
HTML Responsive
Lesson ini bagian dari HTML · Semua level
Ringkasan
Halaman responsif menyesuaikan tampilannya agar nyaman dibuka di layar apa pun, dari ponsel hingga desktop. Kuncinya ada pada meta viewport dan penggunaan CSS media query serta satuan relatif seperti persen. Dengan begitu, satu halaman cukup tanpa perlu membuat versi khusus perangkat.
Poin kunci
- Meta viewport memberi tahu browser mengatur lebar tampilan
- Media query menampilkan atau menyembunyikan gaya sesuai ukuran layar
- Gunakan satuan relatif seperti % dan rem
- Gambar sebaiknya dibuat fleksibel agar tidak meluber
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.