本当にiPad“だけ”にCSSを読み込ませるには。

jsでUserAgentを判別して、CSSを読み込ませる。
↓iPadからみたらiPadですね。って出てます。

関数を作った。ipad.js

第1引数:iPadのみ共通で読ませるCSS
第2引数:横にしたときに適用したいCSS
第3引数:縦にしたときに適用したいCSS
<head> <script type="text/javascript" src="./js/ipad.js"></script> <script type="text/javascript"> //<![CDATA[ iPadLoadStyle("./css/ipad2.css","./css/landscape.css","./css/portrait.css"); //]]> </script> </head>

jQueryプラグインにもしてみた。jquery.ipadloadstyle.js

common:iPadのみ共通で読ませるCSS(デフォルトはfalse)
landscape:横にしたときに適用したいCSS(デフォルトはfalse)
portrait:縦にしたときに適用したいCSS(デフォルトはfalse)
<head> <script type="text/javascript"> //<![CDATA[ $(function(){ $.iPadLoadStyle({ common : "./css/ipad2.css", landscape : "./css/landscape.css", portrait : "./css/portrait.css" }); }); //]]> </script> </head>