ハッピーな毎日のためにがんばろう。

web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3Webデザイン, 忘れないmemo
Webデザイン, 忘れないmemo

iphoneの右側にできる空白を修正

respon
レスポンシブになったかな?とiphoneを見ると右側に大きな空白が・・ネットで調べたら結構いろいろな人がハマっていておどろいた。こんなことがあるんですね〜参考にしながら修正するも全く治らず、bootstrapじゃだめなの?と思いながらも頑張ってみた。bootstrapの場合、wrapperにoverflow:hiddenではだめなので

.container{
overflow: hidden;

}

にしてみたところ、大成功!きれいにレスポンシブしてくれました。忘れないようにメモしときます。

Category : Webデザイン, 忘れないmemo
ブログ一覧へ戻る