Cara membuat gambar di artikel menjadi responsive. Gambar pada artikel sebuah situs web/blog adalah salah satu alat untuk menjelaskan kepada pembaca, agar lebih mudah dalam memahami sebuah artikel. Tampilan gambar pada situs desktop dengan tampilan pada mobile tentunya berbeda dalam hal ukuran.
Untuk membuat gambar tersebut mobile friendly, maka tampilan gambar harus dibuat responsive. Artinya gambar tersebut akan menyesuaikan sendiri ukurannya apabila diakses dengan perangkat yang berbeda seperti Hape, tablet, ataupun dengan layar monitor.
Problem Gambar tidak Responsive
Sebuah gambar tidak akan tampil responsive apabila tidak diatur pada settingan tema/template blog/web. Maka, untuk mebuat sebuah gambar menjadi responsive, tambahkan kode simpel berikut ini:
.post-body img{display:block;width:100%;height:auto;}
Penempatan kode
Sebelum dan Sesudah
