ヤフースマホページの画像表示について

Question

いつもお世話になっております。
スマホページでの画像表示についてなのですが
トップページやカテゴリートップなどで画像を挿入すると
画面幅より大きな画像はwidth="100%”設定で横スクロールでの全体表示となってしまっています。
横スクロールではなく、見ていただけるお客様のそれぞれのスマホ画面横幅いっぱいの表示に設定したいのですがどのように設定したら良いですか？

よろしくお願いいたします。

Answer

ECマスターズの伊藤です。

> 画面幅より大きな画像はwidth="100%”設定で横スクロールでの全体表示となってしまっています。
> 横スクロールではなく、見ていただけるお客様のそれぞれのスマホ画面横幅いっぱいの表示に設定したいのですがどのように設定したら良いですか？

基本的にwidth="100%"にしていただければ、
横幅は画面幅（正確には画像を入れている枠に対して）
いっぱいに表示されます。

実際のページを拝見できればと思いますので、
テストページなどをご用意いただき、
ページのURLをと、
対象の箇所をご連絡いただけますでしょうか。

Answer

ご回答ありがとうございます。

トップページ
https://store.shopping.yahoo.co.jp/country-la-terre/
ページ上部のmamのバナー


カテゴリートップ
https://store.shopping.yahoo.co.jp/country-la-terre/a5dea5e0a5.html
ページ上部の画像バナーとその下の説明文

商品ページ
https://store.shopping.yahoo.co.jp/country-la-terre/mam-192.html
商品情報内の画像を含む文章など全体

上記のページがスマホで確認した際、画像が大きく表示され横スクロールが出てしまっています。
よろしくお願いいたします。

Answer

ECマスターズの伊藤です。

https://store.shopping.yahoo.co.jp/country-la-terre/a5dea5e0a5.html
こちらは、width="100%"を入れることで、表示されるかと思います。



https://store.shopping.yahoo.co.jp/country-la-terre/
画像2枚入っていると思いますので、
両方ともwidth="100%"の付与をお願いします。



https://store.shopping.yahoo.co.jp/country-la-terre/mam-192.html
商品ページ内に入っている画像にすべて
width="100%"
を付与してください。


複数画像が入っている場合、
１枚だけwidth="100%"にしていただいても、
他の画像が枠を押し広げてしまうため、
その枠に合わせて、画像の幅が100%になってしまいます。

そのため、登録したすべての画像に
width="100%"
を付与していただきますよう
お願いいたします。

Answer

解決しました！
ご回答ありがとうございました。

ヤフー スマホページの画像表示について

ヤフースマホページの画像表示について