いとしさと切なさとレスポンシブサイトで右側に空白ができると
スマートフォン向けサイトを、Bootstrapでつくっていました。
公開のために実際にIphoneで見てみると全体的に右側に余白が・・・・
グーグル先生に相談してみたところ!
viewportの設定をしてみなさいよ!
と言われたので、元々書かれていたviewportを書き直してみました。
主にコンテンツWidthの設定と、CSSのBODYを100%にしてみること。
<meta name="viewport" content="width=device-width"content="width=960" />
でも、まだ直らない・・・・
そこでさらにググったところ、下記のHPに行き当たりました。
レスポンシブデザインで右側に謎の空白ができたときの解決策 | koukiTips
Wrapperにoverflow: hidden;
なんと!なんと!!!これですべて解決!(少なくともIphoneでは)
ということで、右に余白ができたらオーバフローヒッドウンで解決!