เว็บเพจนี้มีรูปภาพที่แทรกโดย Wordpress รหัสที่ใช้ในการแทรกภาพแรกคือ:
[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]
ภาพนี้ควบคุมโดย CSS:
#content .wp-caption a img {
width: 614px;
height: auto;
}
ฉันต้องการให้ภาพนี้ตอบสนองได้ดี ฉันได้แทรก CSS:
@media (max-width:988px) {
#content .wp-caption a img {
width: 99.03225806%; /* 614/620 */
height: auto;
}
}
อย่างไรก็ตาม DIV.wp-caption ยังคงอยู่ที่ 604px ตามที่ระบุไว้ในโพสต์ Wordpress ฉันได้ลองระบุนี่เป็นเปอร์เซ็นต์ (97.41935483%) แต่ Wordpress ตีความใหม่เป็น 104px
Inline CSS กำลังแทนที่ CSS ที่ฉันแทรกลงในสไตล์ชีท
<div id="attachment_887" class="wp-caption alignnone" style="width: 614px">
ความคิดเห็นใด ๆ เกี่ยวกับวิธีที่ฉันสามารถทำให้. wp-caption ตอบสนองได้อย่างไร