質問: img src タグの属性について お世話になります。画像表示のhtmlタグ img scr の属性について質問です。楽天市場やyahooショッピングで、元のサイズで表示したい場合は、widthとheightを省略して「 =""」にしても問題ないのでしょうか。↓↓↓また、スマートフォンの場合は、上記のコーディングで width="100%"と同じ扱いになりますか?
回答: ecマスターズの田中です。「 =""」は、width・heightの省略形ではなく、楽天市場のバグを利用するための記述です。yahoo!など、楽天市場以外のモールでは純粋なhtmlの文法違いとなります。おそらく、スマートフォン用商品説明文における画像枚数制限(10枚)を避けるためにご記載されているのではないかと思いますが、4月8日より、同制限が、10枚→20枚に緩和されております。https://mainmenu.rms.rakuten.co.jp/?act=supportnews&news_id=7050また、8月に予定されている入力エラーチェックの強化により、今後使えなくなる可能性がございますので、20枚で間に合うようでしたら、「 =""」の記述を削除していただきますようお願いします。https://club.ec-masters.net/index.php?ecm-errcheckwidth・heightの省略につきましては、極力避けていただきたくはございますが、たとえば、表示横幅が固定されているpc用ページなど、元サイズで表示されることが確定している箇所でしたら、省略していただいても、特に大きな問題はございません。> スマートフォンの場合は、> 上記のコーディングで width="100%"と同じ扱いになりますか?同じ扱いにはなりませんので、「width="100%"」をご記載願います。正確には、楽天のスマートフォン用ページなどの場合、「説明文内の画像は最大横幅100%とする」という指定が、スタイルシートで記載されているため同じ扱いをされているように見えるのですが、楽天市場アプリ内の商品詳細画面など、スタイルシートによる指定がない場合、原寸大で表示しようとした結果、大きい画像ですと、画面からはみ出る形で表示されてしまいます。