はじめてスマートフォン向けサイトを制作したときに調べたことのまとめ。 (※スマートフォン専用サイトでiPhoneとAndroidに対応させる場合) 基本的にリキッドデザインにする 画面サイズの目安は、縦のとき:幅320px×高さ480px 横のとき:幅480×高さ320px。 iPhoneの場合は上記サイズで問題ないけど、AndroidのXperiaでは長いページのときにスクロールバーが表示され(初期のモデルSO-01Bで確認したので最新のは違うかも)320pxよりせまくなるっぽい。 あと、横に向けたときにいい感じに伸びてほしいと言われる(可能性がある)ので、スマートフォン専用のサイトならばリキッドデザインにしておいた方が無難。 (2013/10/23追記) Xperiaの初期モデルSO-01BのAndroid 1.6のとき(バージョンアップした場合は分かりません)の縦表示時の有効幅は31