CSS 高度和寬度媒體查詢

admin發表於2019-05-10
CSS

關於媒體查詢的基本內容可以參閱CSS @media 媒體查詢一章節。

下面介紹一下關於媒體查詢中的寬度和高度的判斷，希望能夠給需要的朋友帶來幫助。

程式碼片段如下：

[CSS] 純文字檢視 複製程式碼
@media (min-width:800px) and (min-height:400px){
  /*code*/
}

上面程式碼表示當寬度大於等於800px且高度大於等於400px的時候應用相應的css程式碼。

再看看一下沒有min或者max字首的情況，程式碼如下：

[CSS] 純文字檢視 複製程式碼
@media (width:800px) and (height:400px){
  /*code*/
}

上面程式碼表示只有寬度為800px且高度為400px的應用指定的樣式。

相關文章