Android,iPhone用ページを作成するにあたっての注意点
Android,iPhone用ページを作成するにあたっての注意点
ちょいとAndroidとiPhone用のページを作っているのですが、解像度もブラウザも一緒だからあまり気にしなくていいのかなぁって思ってたそんなことはなかったのでメモ。
iPhoneでのsafari
Androiでのsafari
レイアウトが崩れてる!!
原因は単純でAndroidの場合は右のスクロールバーの横幅分だけ減ってます。6ピクセル。
これから両方に対応したページを作ろうかなぁって思っている方は覚えておいたほうがいい感じ。
せっかくなので表示される解像度を表にしてみました。
機種 | 横 | 高さ |
---|---|---|
Android | 314 | 429 |
iPhone | 320 | 356 |