回り込みをさせずに表示させたい画像は以下のどちらになりますでしょうか？
・アイキャッチ画像
・投稿内に追加した画像
こんにちは、
style.cssの末尾に、（ 320pxは、調整してください ）
@media screen and (max-width: 320px) {
.entry-content img{
display:block;
width:100%;
}
}
nobitaさん
度々すみません。
キャプションをつけた挿入画像だけが反応していないのは、気のせいでしょうか？
もし何か記入するものがあれば、おおしえいただければ幸いです。
@media screen and (max-width: 320px) {
.entry-content .wp-caption,
.entry-content img{
display:block;
width:100%;
height:auto;
}
}
だと、どうですか？
nobitaさん、ありがとうございます。
早速試してみましたが、反応がありませんでした。
そのままコピペしたので問題はないと思うのですが・・・
変更が行われているかどうか確認する方法、
解かりやすい、スタイルを追加する
height:auto;
を
height:auto;
border:1px solid red;
に変更して、
style.cssの先頭部分のコメントのバージョン
Version: 1.5
を
Version: 1.6
等に、一旦変更、反映したら、戻す。
これ、スタイルがうまく動かないときの定番です。
指示通りやってみましたが、やはりキャプション付きの画像だけ回り込んだままです。
画像はあかいボーダーで囲まれたので、反映はしていると思いますが。
やってみました。
@media screen and (max-width: 480px) {
#page .entry-content .wp-caption,
.entry-content img{
display:block;
width:100%!important;
height:auto;
border:1px solid red;
clear:both;
}
}
なら、大丈夫だと思います
ただ、captionショートコードのwidth属性は、上書きしますのでmax-width:xxxpx以下だと常に幅、100パーセント表示になります。
お手数かけました
おまけ、今テストしてみて（普段使っていないので、ごめんなさい）
気づいたのですが、、、
ソースが、デフォルトでhtml5に対応していないですね。
$args = array(
'search-form',
'comment-form',
'comment-list',
'gallery',
'caption'
);
add_theme_support( 'html5', $args );
を、functions.phpに追加しておくと、かっこいいかも（ただし、スタイルをよくチェックしてくださいね）
