Dari kursus: Pelatihan Esensial HTML

Buka akses kursus ini dengan uji coba gratis

Bergabunglah sekarang untuk mengakses lebih dari 23.200 kursus yang dipandu pakar industri.

Lebar responsif

Lebar responsif - Tutorial HTML

Dari kursus: Pelatihan Esensial HTML

Mulai uji coba gratis 1 bulan Beli untuk tim saya

Lebar responsif

“

- Dalam video terakhir, kita hanya melihat bagaimana kita dapat menggunakan elemen gambar dan atribut srcset untuk membuat daftar satu set file gambar dan meminta browser memutuskan file mana yang akan diunduh dan ditampilkan dengan mempertimbangkan kerapatan piksel layar. Bagaimana jika sebaliknya kita ingin browser mempertimbangkan lebar viewport dan memilih file berdasarkan ukuran layar serta kepadatannya? Mari kita lihat demo. Ini sangat mirip dengan yang baru saja saya tunjukkan di video terakhir dengan empat gambar yang tercantum di dalam atribut srcset. Tapi kali ini alih-alih mengatakan satu x, dua x, tiga x, empat x, kami akan memberi tahu browser seberapa lebar setiap file, 480w, 960w. Itu berarti lebar 480 piksel, lebar 960 piksel. Sekarang browser akan secara dinamis memilih gambar mana yang akan ditampilkan berdasarkan kombinasi kepadatan perangkat dan lebar viewport. Ini tidak akan memilih gambar ukuran yang tepat untuk tata letak yang Anda miliki. Ini memilih gambar…

Konten