スマートフォンサイト作成覚書(2011/6/14)

おぼえがき。参考「iPhone+Android スマートフォンサイト制作入門

■iPhone(Safari)
・画面3.5インチ
・解像度 320×480(3GS),640×960(iphone4)
・画像ファイル jqpg/png/tiff/svg
・フォント ヒラギノ角ゴシック(w3,w6)
・FlashPlayer 不可
・ファイルのUPロード、ダウンロード不可
・ファイルサイズ、処理時間

  1. jpeg:32メガ以下
  2. canvas:3メガ以下
  3. HTML,CSS,javascriptファイル:それぞれ10MB以下
  4. 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として扱ってもいいかも??