Jsを使ってipad用の自分のスタイルシートを変更しますか？

Question

私は現在、画面のサイズを変更したり、iphoneで訪問したときにCSSメディアクエリを使って自分のサイトに適用されるスタイルを適用しています。 http://iamcreative.me

メディアクエリ

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

私が見つけた問題は、私はiPadの720px縦表示用のスタイルシートを作成したら、これは私がiphone用に作成されたスタイルの一部に影響を与えるだろうということでした！

これは、iPhoneの画面解像度が940pxになったためです。

これは私が思いついたことであり、これが私の問題を解決する最良の方法であるかどうか疑問に思っていますか？

私は、関数を作成：私は追加のページに続いて

<script type="text/javascript"> 
function isiPad() { 
    return navigator.userAgent.match(/iPad/i); 
} 
</script> 

を：あなたが探しているものを

if (isiPad()) { 
document.styleSheets[0].href="ipad.css"; 
} 
else 
{ 
document.styleSheets[0].href="everything-else.css"; 
} 

Answer 1

は、ブラウザウィンドウのビューポートのサイズである、ここにあります私が見つけた良い記事はあなたが探しているものの解決策です。

iPad/iPhone viewport settings

Answer 2

あなたはCSS画面クエリを使用することができます。http://www.w3.org/TR/css3-mediaqueries/は異なるデバイスに異なるスタイルを定義します。