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.

Foto responsif

Foto responsif - Tutorial HTML

Dari kursus: Pelatihan Esensial HTML

Mulai uji coba gratis 1 bulan Beli untuk tim saya

Foto responsif

“

- Dalam dua video terakhir, saya menunjukkan kepada Anda sumber yang diatur dalam atribut ukuran untuk elemen gambar dan bagaimana mereka dapat digunakan untuk menyediakan beberapa file gambar ke browser dan membiarkannya memutuskan mana yang akan dimuat dan ditampilkan. Dalam semua contoh itu, gambar itu sendiri, foto seekor anjing adalah foto yang sama. Itu telah disimpan sebanyak mungkin salinan berbeda dengan lebih banyak piksel atau lebih sedikit piksel, tetapi konten dalam foto itu sama sepanjang waktu. Cara memotongnya, rasio aspeknya. Tetapi bagaimana jika kita ingin melakukan lebih dari sekadar menukar file beresolusi rendah dengan file beresolusi tinggi? Bagaimana jika kita ingin menggunakan gambar yang berbeda di layar kecil versus layar besar? Mungkin kita ingin gambarnya tinggi dan sempit di ponsel yang pendek dan lebar di desktop. Atau bahkan menggunakan foto yang sama sekali berbeda. Mari kita lihat contoh lain. Bagaimana kalau untuk foto ini, di layar lebar, akan…

Konten