こんにちは。mackyです。 じめじーめな日々のせいなのでしょうか。6月がとても長く感じます。 今日は右にできた謎の余白を消す方法をまとめます。 そもそも余白って? できあがったサイトをipadやiphoneで表示確認したとき、以下のような余白ができたことはないですか? 先日、携わった某サイトはiphoneとipadで表示チェックを行ったのですがその際右のスクロールバーの横に白い余白ができてしまいました。ヘッダーも背景画像もそこで切れてしまいます。その時色々試してみて解決した方法をメモしておこうと思います。(サンプルコードは一部内容を変更しています。) サイトの大まかな構成としては、bodyにwidth:100%;。 内側(ipadおよびiphoneで見切れないで表示させたい幅)sectionに固定サイズの1024pxを指定しました。 ipadとiphoneでみてみたら… (※下の図はip
![【RWD ーレスポンシブー】右にできた謎の余白を消す方法 | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/842f2cce0d1e35996f2a705768369a26c2d344ff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_smartphone.png)