iPadだけにCSSを適用する方法
2010.08.20追記
こちらの記事はipad「だけ」に適用する内容ではありませんでした。
実際にはJavaScriptなどの条件判定が必要なようです。
「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に設定すれば良いそうです。
最新情報をお届けします