少し前にスマートホン用のコーディングをやらせてもらいました。
PCとは少々ちがうポイントがありましたので、備忘録的にまとめておきます。
・1pxを軽視するのはデザイナーに失礼。px単位で合わせるのがコーダーの力量。（ただし、その為に煩雑なコードにするのは論外）
・本文のはじめに<h1>を使ってページを象徴する文言（タイトル）を入れる
・太字は使わない（androidでフォントがない）
・10px以下にしたい文字は画像で実装する
・デザインは640×960で確認する（2015.02時点） 傾向として高解像度になっているのでその時の最善を検討
・android標準ブラウザーのバグでz-indexを認識しない。最下層に入れたい画像はbackgroundで指定する。
・フォントはヒラギノ、メイリオベース（iphoneはヒラギノゴシックのみ）
オススメ設定例
[css]
body {
font-family:’Hiragino Kaku Gothic ProN’,
‘ヒラギノ角ゴ ProN W3’, Meiryo, メイリオ;
}
[/css]
