yahooスマホ商品ページの画像サイズ

Question

毎々お世話になります。天然水とオリーブオイルTAKAKUMAです。
yahooのスマホ商品ページの作成にあたり、画像サイズをsrc="URL" width="100%"にして作成しましたが、ストアエディタエディタ＞ページ編集＞（スマートフォン版でプレビューの下の）「スマートフォン版」並びにスマホ比較君で確認しましたところ、画像がはみ出てしまいます。
Yahoo　SP商品ページ作成に際しての画像推奨サイズ（width=）はありますでしょうか。
余り難しい事は判りませんが、宜しくお願い申し上げます。

https://editor3.store.yahoo.co.jp/RT/takakuma01/PageEdit/makePreview?page_key=w-t2-6&device=sp&c=EGD1tCNI.SvhB8705jZOyQ--

Answer

ECマスターズの田中です。

Yahooのスマホ商品ページでは、
タグにて「width=device-width」、
つまり、機種の横幅に合わせてページの横幅が変わる設定になっておりますので、
width="100%" でご設定いただければ最善なのですが、
実際にご設定いただいた際、どのような表示になりますでしょうか。

いただいたURLでは、KAZIさんのショップのストアクリエイターProに
ログインしないと閲覧することができませんので、
私でも確認できるように、
いずれかの商品ページ（既存のページを複製したダミーのページでも結構です）に
「src="URL" width="100%"」で設定したタグを貼り付けていただき、
貼り付けたページのURLをお知らせいただけますでしょうか。

ショップURLの部分は、伏せていただいて構いません。
フォーラムにてお知らせいただき辛い場合は、リクエストフォームよりお知らせください。

Answer

早速のご回答有難うございます。
誠に申し訳有りませんが、私にはPCの知識が余りありませんので、
「いずれかの商品ページ（既存のページを複製したダミーのページでも結構です）に「src="URL" width="100%"」で設定したタグを貼り付けていただき、貼り付けたページのURLをお知らせいただけますでしょうか。」の意味が良くわかりません。
ご多忙の折、誠に恐縮ですが、初心者向けに"手取り足取り”御教授堪れば幸甚です。
勝手なお願いですが、どうぞ宜しくお願い申し上げます。

Answer

ECマスターズの田中です。

いただいたURLを確認したところ、
商品を特定することができ、また原因も判明いたしました。

「g-005.jpg」を表示するためのタグにて、
width="100%"
ではなく
width="”100%”"　もしくは　width=”100%”
と、記載されておりました。

見づらいですが、"とは少し違う記号が使われた結果、
横幅の指定がされず、本来の横幅で表示され、
商品説明全体の横幅を拡げておりました。

ストアクリエイターPro トップメニュー
→商品・画像・在庫
→商品管理
→レフトナビの「商品検索」にて「w-t2-6」を検索
→検索結果の商品名をクリック
→商品情報

に含まれている

を

に、

つまり、width="100%"の部分だけを置き換えていただいた上で、
通常の商品ページ編集時と同様に、保存および反映をお願いいたします。
（上記タグに含まれる伏せ字の部分は、修正しないようお願いします）

Answer

田中様
有り難うございました。
将に”目からウロコ”でした。
お忙しい中、時間をかけて検証して頂きまして誠に有り難うございます。
心より厚く御礼申し上げます。
尚、スマホ比較君は楽天市場でのツールとしてのみ掲載されていますので、ここにYahooのURLをペーストしても正確には反映されないと理解して宜しいのでしょうか。

Answer

ECマスターズの田中です。

無事解決できて何よりです。

＞尚、スマホ比較君は楽天市場でのツールとしてのみ掲載されていますので、ここにYahooのURLをペーストしても正確には反映されないと理解して宜しいのでしょうか。

Yahoo!の場合、厳密には、
現在閲覧しているデバイスの種類ではなく
クッキーによってPC・スマホを切り替えており、
スマホ比較君の機能ではその切替は行われないため、
仰るとおり、正確に反映されないとご理解いただければ結構です。

Answer

重ね重ね有り難うございました。
御礼申し上げます。