iPhoneのレイアウト崩れ!右側に変な余白ができた時の対処方!

2014/06/26

こんにちは。
今回はiPhoneのレイアウト崩れで右側に変な余白ができた時の対処方を紹介したいと思います。

どこかのボックスのwidthがデバイスより広くなっている場合に右側に変な余白ができたりしますが、
今回のはそういう事もなくて、いろいろ調べてみました。

メタタグに下記の内容を記述すると直りました。
今回作ったサイトは1280pxで作ったので、width=1280と記述しています。

 

Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法
Web制作者のためのCSS設計の教科書 モダンWeb開発に欠かせない「修正しやすいCSS」の設計手法

 

いかがでしたか。iPhoneの右側に変な余白ができた時に参考にしてもらえればと思います。
以上でiPhoneのレイアウト崩れで右側に変な余白ができた時の対処方でした。

参考サイト:PC向けサイトがスマホでも崩れないようにする方法

topへ戻る