質問: スマホページ 表示崩れ ページを作りました。一枚の画像を切って入れていますが、パソコンではちゃんと表示されますがスマホで見ると画像を切って入れている間が空いたり、左右に2個並べるように各50%で指定して入れましたがずれてしまっています。テーブルに入れたりもしましたが、私の力ではどうしてよいのか直りません。どうかご教授お願いします!
回答: ecマスターズの田中です。urlをお知らせいただき、ありがとうございます。スマートフォン用商品説明文の中の画像は、楽天市場側のcssによって、前後に必ず改行が入る(display:block;)仕組みになっています。> スマホで見ると画像を切って入れている間が空いたり、タグ直後にさらにタグで改行を入れることで空いておりますので、直後のタグを削除していただきますようお願いします。> 左右に2個並べるように各50%で指定して入れましたがずれてしまっています。テーブルに入れた上で、セル間の余白を0にするといかがでしょうか。その際、タグの中にさらにタグで入れるため、開始/終了タグの対応がずれることで崩れやすいページ構造となりますことを予めお含みおき願います。たとえば、下記のような構造でタグを組んでいただく形になります。