iPad対応のWebを考えてiPad用のCSSを追加する

2010年05月16日雑記 #iPad #CSS

先日のひと足早くiPadのWebを考える勉強会を実践するべく考えてみる事にします。

iPad 対応のサイトを考えると、フォームの入力欄やボタンのサイズを指で押しやすくするべき と思っています。今回は管理ページ上の表示を修正していますが、例えば通常のサイトでもお問い合わせフォームの部分とかを同様に設定しておくといいかもしれません。

例えば、上記のような感じになるだろう。iPadの時だけ1つ余分にCSSを読み込むように設定します。

<link rel="stylesheet" media="screen and (max-device-width: 1024px)" href="css/ipad.css">

とりあえずは、こんな感じにするといいのではないかと思う。

この記事を書いた人

山本一道 / 有限会社アップルップル代表

名古屋のWeb制作会社 (有)アップルップル代表。HTMLファーストな国産CMS「a-blog cms」開発・販売・サポート / 名古屋のWeb制作者コミュニティ「WCAN」主催 / コワーキングスペース「ベースキャンプ名古屋」運営。Web制作の現場をより良くするための活動をしています。

この記事のハッシュタグ #iPad #CSS から関連する記事を表示しています。