レスポンシブサイトを制作していると、知らない間に右側に空白が出来る時があります。
widthは100%指定で、veiwportの設定もしてあります。
それでも、出現する謎の空白・・・
携帯でみると、さらに大変なことに、
*赤枠の部分が謎の空白!!
謎の空白を含めて、veiwportでデバイスの幅に合わせるものだから、画面がさらに小さく表示されてしまいます。
これは、非常に困ってしまいますね。
これの簡単な対処方法は、
min-widthを設定する方法もあるのですが、一番簡単なのは、
* { overflow:hidden; }
これだけです。
全体にオーバーフローの設定をするだけなのです。
コメント