只将媒体查询添加到特定设备ipad pro

Question

我想将媒体查询添加到特定设备ipad pro的大小为1366 * 1024的高度宽度和高度。如何将媒体查询添加到仅针对该宽度和高度的大小。不小于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"> meta标签了。

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 
}