如何在媒體查詢中定義低於和高於1366的所有分辨率？

Question

我需要爲不同的屏幕分辨率定義單獨的CSS文件 - 一個文件的寬度爲1366 px或更低，其他文件的文件較高。你能否給我正確的html代碼？

Answer 1

你可以簡單地定義如果要專門定義爲大於1366px的規則你的CSS然後用下面的一切以下1366px

@media (max-width : 1366 px) { 
/* CSS rules here */ 
} 

，你可以使用：

@media (min-width : 1366 px) { 
/* CSS rules here */ 
} 

Answer 2

對於1366px：

HTML：

<link href="styles.css" rel="stylesheet" media="all and (max-width: 1366px)"> 

CSS：

@media screen and (max-width: 1366px) { 

//codes 

} 

對於其他尺寸：

HTML：

<link href="styles2.css" rel="stylesheet" media="all and (min-width: 1366px)"> 

CSS：

@media screen and (min-width: 1366px) { 

//codes 

}