如何在媒体查询中定义低于和高于1366的所有分辨率？

Question

我需要为不同的屏幕分辨率定义单独的CSS文件 - 一个文件宽度为1366 px及更低，其他文件为更高。你能告诉我正确的HTML代码吗？

Answer 1

适用于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

} 

Answer 2

你可以简单地定义你的CSS然后使用下面的1366px以下的所有内容

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

如果要专门定义大于1366px的规则，可以使用：

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