wordpressのLION MEDIAというテーマを使用しているのですが、スマホで見ると画像が縦伸びしてしまう

Question

最近、wordpressのLION MEDIAというテーマを使用してブログを始めた者です。

画像を挿入して投稿した記事を自分のスマホ(iphoneのsafari)で見ると画像が縦伸びしてしまうのですが、解決方法がよくわかりません。

下のリンク先のブログの「LIONMEDIAにテーマ変更して思ったこと」という項目に縦伸びを改善するためのコードが紹介されているのですが、どこの部分をこのコードに書き換えればよいのでしょうか。
リンク

よろしくお願いいたします。

Answer 1

そのテーマを実際には使っていないので推測ですが

おそらくテーマの標準cssで画像のheight（高さ）が固定されているのだと思います。
URLのサンプル6行目では「img{ height: auto;}//画像の縦伸び防止」でこれを上書きし高さを自動調整するようにしています。
@media screen and〜でスマホ時の表示にこれを適用すればよいのかと思いますが、

他にもカスタムされている場合などは一概にこれだけでは解決しないと思いますので、
実際のページURLを貼っていただくなどしたほうが、的確なアドバイスが得られると思いますよ。

Comments

[kdm]

やはり、標準で画像の高さが固定されていたみたいです。
子テーマの方に縦伸び防止のコードを追加することで無事解決しました。
親切な回答ありがとうございました！！