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


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

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

詳しくは以下

IT/WEB業界への転職なら求人サイトGreen

設定方法

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

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

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

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

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly