質問: yahooショッピングのスマホのレスポンシブ対応 立て続けに質問すみません!yahooショッピングの商品スマホページのレスポンシブ対応について、普通に画像を入れるコードを記述しても、当たり前ですが登録した画像サイズがそのまま表示されますよね。。。どのように対応するか教えてもらえませんか。
回答: ecマスターズの田中です。画像を入れるコード(タグ)に、横幅100%の指定をしていただきますと、どのようなスマートフォンで見た時でもページの横幅いっぱいに画像を表示させることができます。↓なお、yahoo!ショッピングの場合、商品画像を挿入される際は、urlにご注意ください。実際の商品ページに使われているurlを引用すると、画像本来のサイズではなく、引用元と同じサイズに補正された画像になってしまいます。yahoo!ショッピングの商品画像urlはhttp://item.shopping.c.yimg.jp/i/表示サイズ指定(アルファベット一文字)/ストアアカウント_商品コード(_番号)このような法則で作成されており、「表示サイズ指定」の部分に f を指定すると、画像本来のサイズで表示させることができます。(例)http://item.shopping.c.yimg.jp/i/f/yourstore_sampleitem