3
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; …