Halaman web ini berisi gambar yang disisipkan oleh Wordpress. Kode yang digunakan untuk menyisipkan gambar pertama adalah:
[caption id="attachment_887" align="alignnone" width="604"]
<a href="http://steven.doig.com.au/files/2013/06/Forest_Legacy_m.jpg">
<img class="size-large wp-image-887" alt="a Forest Legacy group" src="http://steven.doig.com.au/files/2013/06/Forest_Legacy_m-1024x681.jpg" width="1024" height="681" />
</a> a Forest Legacy group[/caption]
Gambar ini dikendalikan oleh CSS:
#content .wp-caption a img {
width: 614px;
height: auto;
}
Saya ingin membuat gambar ini responsif. Saya telah memasukkan CSS:
@media (max-width:988px) {
#content .wp-caption a img {
width: 99.03225806%; /* 614/620 */
height: auto;
}
}
Namun, keterangan DIV.wp tetap di 604px, seperti yang ditentukan dalam posting Wordpress. Saya sudah mencoba menentukan ini sebagai persentase (97,41935483%) tetapi Wordpress menafsirkannya sebagai 104px.
CSS sebaris menimpa CSS yang saya masukkan ke dalam stylesheet.
<div id="attachment_887" class="wp-caption alignnone" style="width: 614px">
Adakah gagasan tentang bagaimana saya dapat membuat .wp-caption responsif?
sumber