Html 设备宽度和设备高度在桌面浏览器中是否不能正常工作？

我试图在我的桌面和浏览器上试验

设备宽度

和

设备高度

，以区分该属性在多大程度上起作用，以及在桌面浏览器上与

宽度

的差异

出于某种原因，像这样的简单代码对桌面浏览器（尤其是firefox）的响应性不强。

@媒体屏幕和（最大设备宽度：500px）{
身体{
背景颜色：绿色；
}
}
@媒体屏幕和屏幕（最小设备宽度：501px）{
身体{
背景色：红色；
}
}

然后我试着调整浏览器的大小，只有第一个声明被应用并变成绿色

有人知道为什么会这样吗？

---

具体来说，设备宽度和特定于设备的属性是否仅适用于移动设备，而不适用于桌面浏览器？

设备宽度是指设备本身的宽度（或设备的屏幕分辨率），最常用于针对未调整浏览器大小的特定移动设备<代码>设备宽度

也可用于瞄准笔记本电脑，通常宽度为1200-1600px

width

指浏览器窗口的宽度（响应大小调整）

查看此链接，了解常见设备的媒体查询：

---

希望这有帮助

设备宽度

指设备本身的宽度（或设备的屏幕分辨率），最常用于针对浏览器未调整大小的特定移动设备<代码>设备宽度也可用于瞄准笔记本电脑，通常宽度为1200-1600px

width

指浏览器窗口的宽度（响应大小调整）

查看此链接，了解常见设备的媒体查询：

希望这有帮助