レスポンシブデザインで右側にどうしても空白ができているときの解決方法

Webページをレスポンシブ対応し、スマホで確認すると、右側に余白ができているため、タッチで右側にずれさせることができてしまい、すごく気になるときがあります。

そんな時は、以下の2点の対処をすれば、基本直るはずです。

1.  viewport対応

がHTML上に入っているかどうか。ない場合は入れる。

2. 全体をwrapしてoverflow: hidden;
cssで全体をwrapしている部分に、
overflow: hidden;を加える。


この記事をシェア