楽天商品ページのレスポンシブ対応について

Question

いつもお世話になっております。
楽天の商品ページですが、見ているパソコンのモニターのサイズによってページが収まっておらず、どのモニターでみても正常に閲覧できるようにしたいのですが、どうすればよろしいのでしょうか。

Answer

ECマスターズの土屋です。

>楽天の商品ページですが、見ているパソコンのモニターのサイズによってページが収まっておらず、
>どのモニターでみても正常に閲覧できるようにしたいのですが、どうすればよろしいのでしょうか。

楽天の商品ページは仕様上、レスポンシブに対応していないため、
設定した幅よりも小さい画面で閲覧すると、どうしても画面に収まる
事が出来かねます。

こちらは、どの幅(px)まで表示させたいなど、ご要望はありますでしょうか。

ご参考までに、国内のディスプレイサイズシェア率を
まとめたサイトがございますので、ご覧下さい。

本国内のデバイス別ディスプレイサイズ（解像度）シェア【2022年2月】
https://web-saku.net/displaysize-japan/

Answer

ECマスターズ土屋様

お世話になっております。
ご確認頂きありがとうございます。

>楽天の商品ページは仕様上、レスポンシブに対応していないため、
>設定した幅よりも小さい画面で閲覧すると、どうしても画面に収まる
>事が出来かねます。

ヘッダー部分にCSSを入れて、ナビボタンを二列に分けたところどのモニターでも中央寄せで閲覧できたのですが、今まではナビボタンを一列にしていたので、できればナビボタンは一列に収めたいのですが、一列ですとやはり端から端までの表示となってしまう為、画面に収めることは難しいでしょうか。


>こちらは、どの幅(px)まで表示させたいなど、ご要望はありますでしょうか。
>ご参考までに、国内のディスプレイサイズシェア率を
>まとめたサイトがございますので、ご覧下さい。
>本国内のデバイス別ディスプレイサイズ（解像度）シェア【2022年2月】
>https://web-saku.net/displaysize-japan/

幅は最大1200pxの画像で作成しておりますので、1200pxまで表示させたいところではございますが、ディスプレイサイズによっては大きく表示されてしまうかと存じ上げますので確認しながら調整したいところでございます。

Answer

ECマスターズの土屋です。

>ヘッダー部分にCSSを入れて、ナビボタンを二列に分けたところ
>どのモニターでも中央寄せで閲覧でき
>たのですが、今まではナビボタンを一列にしていたので、
>できればナビボタンは一列に収めたいのですが、
>一列ですとやはり端から端までの表示となってしまう為、
>画面に収めることは難しいでしょうか。

現在のナビゲーションのボタンの大きさですと
1200px以内に収めることは難しい為
・ボタンの大きさを小さくする
・数を減らす
など、レイアウトの変更のご対応が必要になります。