レスポンシブサイトで右側に出来る空白を消す方法

HTML&CSS

レスポンシブサイトを制作していると、知らない間に右側に空白が出来る時があります。

widthは100%指定で、veiwportの設定もしてあります。

それでも、出現する謎の空白・・・

携帯でみると、さらに大変なことに、

mobile

 

*赤枠の部分が謎の空白!!

謎の空白を含めて、veiwportでデバイスの幅に合わせるものだから、画面がさらに小さく表示されてしまいます。

これは、非常に困ってしまいますね。

これの簡単な対処方法は、

min-widthを設定する方法もあるのですが、一番簡単なのは、


* {

overflow:hidden;

}

これだけです。
全体にオーバーフローの設定をするだけなのです。

コメント

タイトルとURLをコピーしました