楽天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ページスマホ端末横のぐらつき