いとしさと切なさとレスポンシブサイトで右側に空白ができると

スマートフォン向けサイトを、Bootstrapでつくっていました。

公開のために実際にIphoneで見てみると全体的に右側に余白が・・・・

グーグル先生に相談してみたところ！

viewportの設定をしてみなさいよ！

と言われたので、元々書かれていたviewportを書き直してみました。

主にコンテンツWidthの設定と、CSSのBODYを100%にしてみること。

 <meta name="viewport" content="width=device-width"content="width=960" />

でも、まだ直らない・・・・

そこでさらにググったところ、下記のHPに行き当たりました。

レスポンシブデザインで右側に謎の空白ができたときの解決策 | koukiTips

Wrapperにoverflow: hidden;

なんと！なんと！！！これですべて解決！（少なくともIphoneでは）

ということで、右に余白ができたらオーバフローヒッドウンで解決！