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

Question

我需要为不同的屏幕分辨率定义单独的 CSS 文件 - 一个文件宽度为 1366 像素及更低，另一个文件更高。你能给我正确的html代码吗？

Answer 1

对于 1366 像素:

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

}