电脑设置那里的 “1920 * 1080” 表示分辨率的宽、高

“1920” 是宽度，表示屏幕或显示器的水平像素数量，
“1080” 是高度，表示屏幕或显示器的垂直像素数量

通常，分辨率以宽度 x 高度的形式表示，宽度在前，高度在后

---

1、举个例子：1920 * 1080 分辨率是红色背景，比这个分辨率大的是绿色背景

body {background-color: green; /* 默认背景颜色为绿色 */
}/* 分辨率为1920x1080时，背景颜色为红色 */
@media (max-width: 1920px) and (max-height: 1080px) {body {background-color: red;}
}

在上面的示例中，
首先，将body元素的默认背景颜色设置为绿色，
然后，通过媒体查询，
当分辨率的宽度 <= 1920像素 且 高度 <= 1080像素时，将背景颜色设置为红色，

---

2、举个例子：根据不同的分辨率设置不同的背景颜色：

/* 默认背景颜色为绿色 */
body {background-color: green;
}/* 分辨率的宽度 >= 768px时，背景颜色为红色 */
@media (min-width: 768px) {body {background-color: red;}
}/* 分辨率的宽度 >= 992px时，背景颜色为蓝色 */
@media (min-width: 992px) {body {background-color: blue;}
}/* 分辨率的宽度 >= 1200px时，背景颜色为黄色 */
@media (min-width: 1200px) {body {background-color: yellow;}
}

在上面的示例中，

首先，将body元素的默认背景颜色设置为绿色，

然后，通过媒体查询，
当 分辨率的宽度 >= 768px 时，将背景颜色设置为红色；
当 分辨率的宽度 >= 992px 时，将背景颜色设置为蓝色；
当 分辨率的宽度 >= 1200px 时，将背景颜色设置为黄色；

注意：
用 min-width 时，小的放上面，大的在下面，
用 max-width 时，大的在上面，小的放下面