只將媒體查詢添加到特定設備ipad pro

我想將媒體查詢添加到特定設備ipad pro的大小爲1366 * 1024的高度寬度和高度。如何將媒體查詢添加到僅針對該寬度和高度的大小。不小於1366或大於1366！只將媒體查詢添加到特定設備ipad pro

2017-06-19 akash stack

請加你已經嘗試了什麼代碼。 – frnt

複製從here

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

粘貼不要忘記在頭<meta name="viewport" content="width=device-width, initial-scale=1.0"> meta標籤了。

來源

2017-06-19 06:30:31

謝謝如何在這個代碼中添加最大高度 –

'@media（min-height：1024px）and（min-width：1366px）and（max-height：1024px）{* CSS stuff */ } 取自 - https://developer.mozilla.org/zh-CN/docs/Web/CSS/Media_Queries/Using_media_queries#Logical_operators 使用邏輯運算符來處理您的工藝。 –

它工作了@kaung :) –

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

參考link

來源

2017-06-19 06:27:38

@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 
}

來源

2017-06-20 09:23:54 Lib3r74

只將媒體查詢添加到特定設備ipad pro

回答

相關問題