スマホ向けサイトの勉強をはじめました。のでそれに関してこまごまとしたメモ
ポートレートとランドスケープ
縦向きのことをポートレートとランドスケープを横向きという
画面サイズ
iPhone4、iPhone4Sは960×640
iPhone3GとiPhone3GSは480×320
iPadは1024×768
iPhone4メモ
HTML4.01、XHTML1.0のに対応、CSSは2と3の一部に対応
画面上部にステータスバーやURLバー、画面下にボタンバーが表示
iPadメモ
横幅980までに縮小表示される。
壁紙を用意するときは1024×1024で用意する
その他メモ
・ファイルのアップロードを行うinput要素は使えない。
・スクロールバーは存在しないのでiframeとかボックス内にスクロールで表示させたいときは注意
・iPhone/iPadでposition: fixedが使えないのはバグではなく仕様(iScrollを使用する事によって対応できるそうです)
・どれに対しても対応できるシンプルな方法は、サイトとコンテンツをリキッドレイアウトでの設計して、デバイスの幅に左右されないスタイルすること
参考にしたサイト
iPadに最適化したサイトがつくれるかもしれない5つの方法(基本編)
iPhone iPad向けサイトを制作するためのいろいろ