カテゴリー
エッジプラス1テンプレートの質問

E001 スマホで見たとき、画像のサイズ(高さ)が崩れる

お世話になります。

E001 テンプレートを適用したサイトをスマホで見たとき、記事、固定ページに挿入した画像の高さ調整が行われないため、画像サイズが崩れてしまいます。

念のため、テンプレートを最新のものにしました。

また、デモサイトで確認しようとしましたが、作り込みが不完全なため挙動を確認できませんでした。

CSSをチェックしましたが、スマホ周りのimgに対し
height: 100%;
が見つかりませんでした。

ご確認をお願いいたします。

「E001 スマホで見たとき、画像のサイズ(高さ)が崩れる」への4件の返信

ご連絡ありがとうございます。
株式会社トータルネットぷらんにんぐサポートチームです。

サイトの方確認させて頂きましたが、画像(imgタグ)に『height:●●px』が入っております。こちらのタグを消していただければ通常どおり表示ができるかと思います。

お手数をお掛けしますが、ご確認のほどよろしくお願い致します。

テンプレート側で対応いただければと思い投稿しましたが、時間がかかりそうなのでこちらで対応しました。

アップデートごとにカスタムするのは大変なので、今後のアップデートでご対応いただけると有り難いです。

style.css をロードするようにコーディングされていないので、all.css に以下を追記しました。

.conte_in img {
height: auto;
}

他のデバイスでのデバッグはしていないので、問題があるかもしれませんが。

もっと良い対応方法があれば、教えて頂けると有り難いです。

お世話になっています。
株式会社トータルネットぷらんにんぐサポートチームです。

上記設定、こちらで対応させて頂く必要があるところを修正いただき恐縮です。

以下CSSの設定で問題ありません。

.conte_in img {
height: auto;
}

またバグ対応として挙げさせて頂きますので、修正まで今しばらくお待ち頂きますと幸いです。

E001テンプレートは少しレスポンシブ関連で少し古くなり細かなバグが出現してきたので、比較的新しいE004テンプレートの利用をオススメしております。こちらもご検討を頂ますようお願い申し上げます。

コメントを残す