W3.CSSLesson 11Preview gratis
W3.CSS Responsive
Lesson ini bagian dari W3.CSS · Semua level
Ringkasan
Halaman responsive menjelaskan bagaimana W3.CSS menyesuaikan tata letak dengan ukuran layar memakai beberapa breakpoint: s untuk layar kecil, m untuk medium, dan l untuk besar. Kamu memakai awalan breakpoint pada class seperti w3-col m6, lalu mengontrol visibilitas dengan w3-hide-small, w3-hide-medium, dan w3-hide-large. Hasilnya satu halaman tetap rapi dari ponsel sampai desktop.
Poin kunci
- Breakpoint W3.CSS: s di bawah 600px, m dari 601px sampai 992px, l mulai 993px
- Awalan breakpoint ditulis sebelum angka, misalnya w3-col s6 m4
- w3-hide-small, w3-hide-medium, dan w3-hide-large menyembunyikan konten per ukuran layar
- w3-responsive membuat tabel dapat digulir horizontal di layar sempit
- w3-mobile mencegah item bar menyusut di layar ponsel
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.