特定のデバイスipad proにのみメディアクエリを追加

Question

メディアのクエリをサイズ1366 * 1024の高さと高さの特定のデバイスipad proに追加したいと思います。 1366以上、1366以上！

Answer 1

here

@media (min-height: 1024px) and (min-width: 1366px) { 
    /* CSS stuff */ 
} 

から貼り付けコピーがあまりにもヘッダに<meta name="viewport" content="width=device-width, initial-scale=1.0">メタタグを忘れないでください。

Answer 2

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) { /* STYLES GO HERE */} 

リファレンスlink

Answer 3

@media only screen 
     and (min-device-width: 1024px) 
     and (max-device-width: 1366px) 
     and (-webkit-min-device-pixel-ratio: 1.5) { 
    //code 
    } 

また、あなたは肖像画や風景の上に設定したい場合に指定することができます。

/* Portrait */ 
    @media only screen 
     and (min-device-width: 1024px) 
     and (max-device-width: 1366px) 
     and (orientation: portrait) 
     and (-webkit-min-device-pixel-ratio: 1.5) { 
    //code 
    } 

/* Landscape */ 
@media only screen 
    and (min-device-width: 1024px) 
    and (max-device-width: 1366px) 
    and (orientation: landscape) 
    and (-webkit-min-device-pixel-ratio: 1.5) { 
//code 
}