CSS媒体查询加载

如果我有如下CSS媒体查询

<link rel="stylesheet" media="only screen and (max-width:1024px)" href="css/ipad.css">
<link rel="stylesheet" media="only screen and (min-width:1024px)" href="css/desktop.css">

我看到它同时加载CSS desktop.CSS和ipad.CSS

即使我将最小/最大宽度更改为最小/最大设备宽度，情况也是如此

---

为什么会这样？我如何确保只加载相关的CSS？

我说，浏览器加载这两个文件是正常的。但它应该只应用一种样式。发生了什么，是两种风格都适用，还是只有一种

---

您还可以使用Oretation参数。顺便说一句，浏览器加载这两个文件是正常的。但它应该只应用一种样式。发生了什么，是两种风格都适用，还是只有一种

---

您还可以使用Oretation参数顺便说一句。

您的目标浏览器/设备是什么？哦，然后关闭你的链接标签。你的目标浏览器/设备是什么？哦，然后关闭你的链接标签。它正确地应用了。我的问题是为什么它同时加载这两个标签！因为这是浏览器正常工作的行为。即使是仅用于打印的CSS文件也将自动加载，但仅在用户切换到打印视图时应用。它正确地应用了..我的问题是为什么它同时加载这两个文件！因为这是浏览器正常工作的行为。即使是仅用于打印的CSS文件也将自动加载，但仅在用户切换到打印视图时应用。