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">

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


関連記事

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

a-blog cms で会員制コンテンツを作り、ログイン前はモザイク画像でチラ見せする実装を解説

iPad Air4 用の Combo Touch を導入してみました

iPad Pro 12.9 インチ Cellularモデルを買いました

Apple Special Event. March 21, 2016. の発表では

レーザーカッターで iPad スタンドを作ってみました

iPad Pro 買おうと思っていたのですが

最新記事

カテゴリー

アーカイブ

ハッシュタグ