Html 为什么赢了'；当我缩小浏览器窗口时，媒体查询是否激活？

我很抱歉问一个简单的问题，但当窗口变小或使用移动设备时，我会尝试使用不同的样式表。缩小浏览器窗口时不会发生任何事情。以下是媒体查询

<link rel="stylesheet" type="text/css" href="css.css" />
    <link rel="stylesheet" type="text/css"
     media="screen and (max-device-width:500px)"
     href="2ndCss.css" />

---

有人能解释为什么它什么都没做吗？我已尝试缩小最大设备宽度，并尝试将其设置为最大宽度。

如果您仔细注意媒体属性中的内容，您会注意到您正在使用

最大设备宽度。这意味着物理设备必须具有小于等于500px的屏幕大小，才能启动媒体查询。调整浏览器大小不会改变屏幕的物理大小

使用
max width
而不是
max device width
可能会更好。如果您仔细注意媒体属性中的内容，您会注意到您正在使用
max device width
。这意味着物理设备必须具有小于等于500px的屏幕大小，才能启动媒体查询。调整浏览器大小不会改变屏幕的物理大小

您可以使用
max width
而不是
max device width
来获得更好的服务。有什么方法可以同时做到这两个方面吗？@redelman431是的，有。使用以下命令：
屏幕和（最大宽度：500px）和（最大设备宽度：500px）
。有关更多信息，请参见此处：是否有一种方法可以同时做到这两个方面？@redelman431是的，有。使用以下命令：
屏幕和（最大宽度：500px）和（最大设备宽度：500px）
。有关更多信息，请参见此处：