■はじめに
WordPressのテーマ「LION MEDIA」で画像が、スマートフォンで縦長になってしまう、という現象があります。
私のこのブログテーマは同社の「THE THOR(トール)」を使っています。
このテーマでは起こりませんが、私の運営している別のブログで、LIONMEDIAを使用しており、そんな現象が起こりました。
対処方法を、備忘録として記載します。
■やり方
こんな画像表示に、スマホ端末上ではなっていました
１．ダッシュボードメニューの「外観」→「CSS編集」
２．行入力をする場所に、以下を入力し、「公開」をクリックします
.content img { height: auto; }
３．改善されました
■原因
LION MEDIAのCSSを確認すると、widthの指定のみ、ありました。
一方、height指定がなかったため、比率を合わせるという記述を追加し、対処しました。