店長の部屋+をスマホで見る際のテーブルタグについて

Question

店長の部屋＋でtableタグを使って画像と商品名を表示しようとしています








【商品名1】
【商品名2】
【商品名3】



私のやり方が悪いとは思いますが
PCでの表示では問題なく表示されている部分が
iPhoneなどのスマホの縦画面で見ようとすると
元のサイズである600pxの画像で表示されてしまい
2個目からの画像が見切れてしまっています。

店長の部屋＋の仕様がそうなっているのであれば仕方ないですが
スマホ表示でのタグの記述方法をご教授頂ければ幸いです。

Answer

ECマスターズの田中です。

私にて、ブラウザの開発者ツールを利用して確認したところ、
正常に画像が画面内におさまる形で表示されました。

お手数ですが、過去の記事でも結構ですので、
いただいたタグを実際に、店長の部屋＋の記事内に挿入していただき、
表示の確認できるURLをお知らせいただけますでしょうか。
（URLが公開出来ない場合は、記事URLの末尾の数字や、題名などをお知らせください。
　あるいは、リクエストフォームよりURLをお知らせください）

Answer

ECマスターズの田中です。

リクエストフォームにてご連絡いただき、ありがとうございました。

いただいたページにて確認したところ、
確かにスマートフォンで閲覧すると画面からはみでるようになっておりました。

店長の部屋＋の機能で、
強制的に（画面全体の横幅×0.8）の幅になるよう
自動修正が行われているようです。

PCのページですと、元の画像が横幅600ピクセルあるところを
200ピクセル程度に収めて表示されておりましたので、

各商品画像URLの末尾に「?_ex=200x200」を追加していただき、
画像本来のサイズを横幅200ピクセルにおさめていただくといかがでしょうか。

例）
http://thumbnail.image.rakuten.co.jp/@0_mall/***/cabinet/****.jpg
↓
http://thumbnail.image.rakuten.co.jp/@0_mall/***/cabinet/****.jpg?_ex=200x200

Answer

夜遅くまでお調べ頂いたようでありがとうございました。

早速横幅200ピクセルで試してみたところ
画像が2個入る程度で3個目が見切れてしまってました。
横2列のN行のテーブルでやればこのサイズで大丈夫かと思います。

仕組みは理解しましたのでサイズを133ピクセルにしたら横3列で画像がなんとか収まりました。
これで体裁は整いましたので店長の部屋も頻度を上げて更新したいと思います。
重ね重ねありがとうございました。