iPhone/touchのホームページ作成メモ
2010年3月14日 日曜日
更新、投稿ペースがいつの間にか鈍ってきているひかげです。
iPhone/touchのホームページを作成するときのメモ書きです。
iPhone/touchにおけるリソースの限界
- テキストコードは10MBまで
- TIFF / PNG / GIF は8MBまで（Height×Width×4 ≦ 8MB。×4はRGB+αチャンネル）
- JPEGは32MBまで
- アニメgifは2MBまで
- JavaScript用メモリは10MB。実行時間は5秒まで（5秒で処理打ち切り）
iPhone/touchへの最適化
- コンテンツは縮小表示されることを前提とし、320×480pxでの表示を念頭におく（TIPS：980×1091pxで作ると、ぴったりフィットする）
- ページのサイズは<meta name="viewport" content="width=320" />のようにWidth,Heightを指定
- <body style="-webkit-text-size-adjust:auto">でテキストの自動スケーリング（none：大きくならない ／ auto：自動 ／ %指定）
- 拡大した際に、視認性がよく、無駄な横スクロールが発生しないようにレイアウト（文字組み）に気をつける
iPhone/touchの需要も増えてきているので、ホームページ作成の備忘録メモという事で。
トラックバック URL :
