FrontPage

iPadウェブ開発メモ

メモです。

壁紙

1024 x 1024で用意する。

ホームに保存時のアイコン

meta要素にapple-touch-iconを指定。

<link rel=”apple-touch-icon” href=”apple-touch-icon.png”>

アイコンのサイズ

  • iPhone3G / 3GS:57×57
  • iPhone 4:114×114
  • iPad:72×72

ズームさせない

meta要素でviewportを指定。width=device-widthとする。

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0; maximum-scale=1.0; user-scalable=no" />

縦持ち(width 768px)、横持ち(width 1024px)の2つを書いてもdevice-widthと同様の動作になるが、 Preparing Your Web Content for iPad によればこれは誤り。

<meta name="viewport" content="width=1024, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="viewport" content="width=768, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes"/>

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2010-08-02 (月) 15:17:48 (2547d)