等ブログ「ベニテングダケ.com」ではLion MediaというWordPressのテーマを利用しています。使いやすそうだし、見た目も良いし、無料だしというので使い始めたのですが、初の投稿をiPhoneで確認すると写真が縦長に…。それを修正した方法についてご紹介します。
投稿をiPhoneで確認したら写真が縦長に…
よっしゃよっしゃと初投稿を済ませ、iPhoneから確認してみると写真が縦長に…。コレジャナイ感が凄いです。
修正した内容はコレ
原因はCSSにありそうなので、CSSに下記を追加する事にしました。
.content img { height: auto; }
具体的には画面左の「外観」-「テーマ-カスタマイズ」-「追加 CSS」と選択し、上記を書き込みます。下記画像のような感じです。
CSSを追加して「公開」をクリックすればOKです。
結果はこんな感じ
画像の縦横比は想定通りになりました。めでたしめでたしです。Lion Mediaを利用していてiPhoneで確認すると画面が縦長に…という症状でお困りでしたら、ぜひ試してみてください。
