Webページをレスポンシブ対応し、スマホで確認すると、右側に余白ができているため、タッチで右側にずれさせることができてしまい、すごく気になるときがあります。
そんな時は、以下の2点の対処をすれば、基本直るはずです。
1. viewport対応
1 |
<meta name="viewport" content="width=device-width,initial-scale=1.0, user-scalable=no"> |
がHTML上に入っているかどうか。ない場合は入れる。
2. 全体をwrapしてoverflow: hidden;
cssで全体をwrapしている部分に、
overflow: hidden;を加える。