2010年05月16日
iPad対応のWebを考えてiPad用のCSSを追加する先日の ひと足早くiPadのWebを考える勉強会 を実践するべく考えてみる事にします。
iPad 対応のサイトを考えると、フォームの入力欄やボタンのサイズを指で押しやすくするべき と思っています。今回は管理ページ上の表示を修正していますが、例えば通常のサイトでもお問い合わせフォームの部分とかを同様に設定しておくといいかもしれません。
通常表示
iPad表示（予定）
例えば、上記のような感じになるだろう。iPadの時だけ1つ余分にCSSを読み込むように設定します。
<link rel="stylesheet" media="screen and (max-device-width: 1024px)" href="css/ipad.css">
とりあえずは、こんな感じにするといいのではないかと思う。
関連エントリー
上記のエントリーについているタグと関連にするエントリーをいくつかピックアップしています。
