iPadだけにCSSを適用する方法

2010.08.20追記
こちらの記事はipad「だけ」に適用する内容ではありませんでした。
実際にはJavaScriptなどの条件判定が必要なようです。

20100323-10
「HOWTO: CSS for the iPad」というエントリーにてiPadだけにCSSを適用する方法が紹介されていましたので、メモ的にエントリー。

詳しくは以下

以下のコードで設定できるようです。

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

このタイプのメディアタイプを扱えないブラウザが無視するためiPadだけに適用されるようになるようです。
同様のやり方でiPhoneにも対応できるとの事。

iPhoneだけに適用したい場合はmax-device-widthを480pxに設定すれば良いそうです。

Comments (3)

[...] iPadだけにCSSを適用する方法 | Web活メモ帳これ、やらないとなぁ。 [...]

[...] iPadだけにCSSを適用する方法 | Web活メモ帳 : http://blog.verygoodtown.com/2010/03/only-ipad-css/ [...]

[...] iPadのSafari用HTMLで次のように書いておくと縦と横でCSSを切り替えられる iPadだけにCSSを適用する方法 [...]