レスポンシブiphoneでの余白

やっと完成しました。

レスポンシブデザイン。

width: 100%;

とすると、パディングも入る為、iPhone等で余白が入ってしまうようです。

widthは入れないかautoにするといいそうです。
もしくは、paddingと共存させない。

参考サイト：

【CSS】width:”auto”とwidth:”100%”の違い
http://www.freelife.jp/width-auto-100

width:100%なのにはみ出す理由と回避策。CSSを触るなら必ず理解しなくてはいけないボックスモデルの話。（CSS おれおれ Advent Calendar 2012 – 05日目）
http://ginpen.com/2012/12/05/css-box-model/

一番最初に参考にしたサイトを見失いました。。