Baik teman-teman, tentunya teman-teman sudah tau Web responsive, Dengan meningkatnya perangkat mobile , membuat para developer Web harus membuat website yang responisve , Nah.. Pada artikel kali ini kita akan Membuat Gambar Responsive dengan CSS , Pada artikel sebelumnya kita telah membahas cara Membuat Gambar Bulat dengan CSS, Bagi Yang belum membaca silahkan dibaca dulu ya :

Membuat Gambar Bulat dengan CSS

Ok.. Untuk membuat Gambar Responsive dengan kita perlu menambah kan kode CSS

.responsive img {
    max-width:100%;
    /*width:100%;*/
    height: auto;
}

Pada kode diatas kita memberik ukuran img dengan ukuran maximal 100% pada layout yang kita buat, nah simple kan,, Untuk kode HTMLnya :

<span class="responsive"><img src="kucing.jpg" ></span>

OK.. mudah bukan,,

Demikianlan artikel Membuat Gambar responsive dengan CSS ,semoga bermanfaat