Twenty Elevenの画像の縦横比が崩れる場合

LINEで送る
Pocket

子テーマのstyle.cssに下記を追記


/* 画像の縦横比 */

#content img { 
    margin: 0;
    height: auto;
    max-width: 100%;
    width: auto;
}


…なのですが、これをやると記事直下の関連記事紹介サムネイルの大きさまで崩れてしまったので、挿入した各画像の大きさの記述を  height:“100%” width:“100%”と入力することで問題なくなりました。毎回入力するのが面倒ですが、うちは画像少ないのでなんとかなりそうです。

 

スポンサーリンク
LINEで送る
Pocket

▼こちらの記事もおすすめです


スポンサーリンク