楽天goldページスマホ端末横のぐらつき

Question

お世話になっております。

https://www.rakuten.ne.jp/gold/●●/sale_hb/sale_top_2207.html

上記のページをスマホ端末で見ると横にスライドできてしまう状況でして、
余白、画像サイズなどが問題なのかと自分なりに調べましたが修正箇所が
未だ発見できず、ご教授いただければ幸いです。

スーパーセール用ページなので、お忙しいところ恐縮ですが早めの対応を希望致します（o_ _)ｏ））

Answer

ECマスターズの星です。

スーパーSALE開始に間に合うように社内調整いたしますので、
明日までお待ちいただければ幸いです。
お時間いただきまして申し訳ございませんが、
何卒よろしくお願いいたします。

Answer

ECマスターズの山本です。

調査しましたところ、
- AUXXXXXXXXXXXX -
（AUから始まる14文字のところ）
が横に長くなっているため、
横スクロールが発生しているようです。

font-sizeが10vwと大きなサイズが
指定されているスタイルシートが
適用されているため、
（１）8vwや7vwのように小さくする
（２）「overflow-wrap: break-word」を
　　指定して折り返す
などをすることで、右側へ出ないようになり。
横スクロールを抑制できると思います。

ただ、フォントサイズは端末によって
変動するため、折り返しなどされたくない場合には
タイトルも画像で作成してしまい、
表示の横pxサイズを固定化するなどをすると
期待するデザインしやすくなりますので、
ご検討ください。

よろしくお願いいたいます。

Answer

迅速なご対応誠に有難うございます！
大変助かりました（o_ _)ｏ））

またなにかございましたら宜しくお願い致します。

楽天goldページ スマホ端末 横のぐらつき

楽天goldページスマホ端末横のぐらつき