yahoo　スマホトップページ画像が幅に収まらない

Question

スマホトップページ画像が幅に収まりません。
カテゴリ・ストアトップのスマートフォン用情報に下記のタグ入れています。
規則通りのタグだけ使用しています。
画像は640ピクセル35kb以下の画像登録したものを使用しています。
解決策を教えてください。
ストア　https://store.shopping.yahoo.co.jp/fuse-c/



・下は額サイズ別

Answer

ECマスターズの村井です。

いただいたご質問は休み明け担当より回答させていただきますので、今しばらくお待ちくださいませ。

Answer

ECマスターズの田中です。

いただいたソースに含まれる全ての

上記、画像設置用のタグに、

のように、「width="100%"」の指定を加えていただきますようお願いします。

Answer

width="100%　を入れたら幅に収まりました。
ありがとうございました。
「スマホ用利用可能HTMLタグ一覧」は何のためにあるのでしょうか。
widthは利用可能に入っていません。
画像サイズは指定サイズですが「width="100%」を入れないと
収まらない理由を教えていただけませんか。

Answer

ECマスターズの田中です。

> widthは利用可能に入っていません。

widthは「タグ」ではなく「属性」のため、
「スマホ用利用可能HTMLタグ一覧」の中には掲載されておりません。

属性とは、
HTMLタグの中に記載されることで、
そのタグに関する設定を行う役割を持っております。

たとえば、

と書いただけでは、
どの画像を表示したいのかわかりませんので、



のようにsrc属性を指定することで、
その部分に表示する画像を設定することができます。

ですが、このままでは大きさの設定がないため、
画像本来の大きさで表示しようとしてしまいます。
今回、画像が幅に収まらなかったのも、それが原因です。
そこで、



のように、width属性を加えて、
「この画像は、表示できる幅（親要素の内側）いっぱいに表示する」
という設定を行うことで、
ページの横幅を拡げない範囲でいっぱいに表示することができた、
という形になります。

Answer

分かりました。
ということは指定のスマホ用画像サイズw640で作ってもwidthで指定しないと無駄になってしまうということね。

yahoo スマホトップページ画像が幅に収まらない

yahoo　スマホトップページ画像が幅に収まらない