【发布时间】：2023-01-26 23:04:21
【问题描述】：
正如您在图像中看到的那样，我为宽度为 768px 的屏幕编写了一个查询，但是我为宽度为 375px 的设备编写的查询正在应用。
我尝试使用 max-width 但我必须为所有设备宽度再次重写它，这会很耗时。我确保在一般 css 之后按从最高像素宽度到最低像素宽度的顺序添加它们。
【问题讨论】：
-
max-width遇到了什么问题
【发布时间】：2023-01-26 23:04:21
【问题描述】：
您正在使用两个只有最小宽度边界的媒体查询
-
@media screen and (min-width: 768px) {...}让我们称之为桌面吧 -
@media screen and (min-width: 375px) {...}让我们称之为移动
如果这些块应该只应用于不同的分辨率，请使用 min 和 max 1 像素差异：
- 桌面
@media screen and (min-width: 768px) {...} - 手机
@media screen and (max-width: 767px) {...}
【讨论】：