ターゲットモバイルデバイス（iPadで、iPhone）は除外し、私は、モバイルデバイスをターゲットに（特にiPadとiPhone）が、CSS3のメディアを使用すると、同じスタイリングは同じで、他のデバイスに追加された照会しようとしている非モバイルデバイス

Question

ラップトップなどの解像度。モバイルデバイス専用のスタイルを他のモバイル以外のデバイスにも追加せずに追加するにはどうすればよいですか？

これまでのところ、私も方向セレクタで、広くて下1024pxをしているすべてのデバイスへのCSSを追加しており、これを使用しています：

@media only screen and (min-device-width: 320px) and (orientation:portrait), 
         (max-device-width: 1024px) and (orientation:landscape){ 
      // Do something 
} 

EDIT： 誰のために興味を持って、私が得ましたこれは、メディアクエリを複製するだけで、複製をわずかに変更することによって機能します。それははるかにそれを行うための最も効率的な方法ですが、主なものは、それが動作です：

@media only screen and (min-device-width: 320px) and (orientation:portrait), 
        (max-device-width: 1024px) and (orientation:landscape){ 
     // some styling 
} 

@media only screen and (min-device-width: 320px) and (orientation:portrait), 
        (max-device-width: 768px) and (orientation:portrait){ 
     // some styling 
} 

Answer 1

たぶんセクション「7.3認識メディアタイプ」でthisを見ては、あなたを助けるでしょう。

Answer 2

アップ：desktop browsers support the orientation media query too。

私はメディアクエリは、デバイスがiPadやiPhoneであるかどうかを検出する方法を提供しないと思います。デバイスを識別するのではなく、デバイスの幅や向きなどの機能を検査することができます。

あなたのスタイルは、iPad以外のデバイスには不適切です。

Answer 3

私はあなたが必要とするすべてはあなたの編集中に第2のメディアクエリであることが判明：

@media only screen and (min-device-width: 320px) and (orientation: portrait), 
    (max-device-width: 768px) and (orientation: portrait) { 
    // some styling 
} 

それは魅力のように働きました！