おぼえがき。参考「iPhone+Android スマートフォンサイト制作入門」
■iPhone(Safari)
・画面3.5インチ
・解像度 320×480(3GS),640×960(iphone4)
・画像ファイル jqpg/png/tiff/svg
・フォント ヒラギノ角ゴシック(w3,w6)
・FlashPlayer 不可
・ファイルのUPロード、ダウンロード不可
・ファイルサイズ、処理時間
- jpeg:32メガ以下
- canvas:3メガ以下
- HTML,CSS,javascriptファイル:それぞれ10MB以下
- Javascriptの処理時間:10秒まで
・電話番号の自動リンク機能
⇒ブラウザ独自で判断してリンクをつける。ただし数字とハイフンの組み合わせで判断するので正しくないケースあり。
⇒<meta name="format-detection" content="telophone=no"/>で無効化
■Android(ブラウザ)
・画面3.5インチ~
・画像ファイル jqpg/png/tiff/svg(Android2.2よりsvg対応)
・ファイルUPロード不可、ダウンロード可
・フォント:Doridフォントと呼ばれるOS標準フォントまたは端末メーカーオリジナルフォント
・メディアクエリは2.1以降は対応。それ以前は未確認。
*フォントサイズ:14pxを基本?
***参考***
■Opera mini
ブラウザにレンダリングエンジンは内蔵せずOperaのサーバーのレンダリング結果を受けている。
よってOpera miniはPCとして扱ってもいいかも??