Question

我为我的网站创建了两个不同的CSS工作表（移动和桌面版本），我希望用户根据他们使用的设备拉出每个工作表。我尝试使用@import查询，但似乎无法正常工作。通过测试发现，我撰写本文时已激活了移动版本

@import url('mobileVersion.css') only screen and (max-width: 980px);

尽管如果我降低宽度数字，将无法激活移动CSS页面。另一方面，如果我把两张纸都放进去

@import url('mobileVersion.css') only screen and (max-width: 980px);
@import url('desktopVersion.css');

当我在Chrome浏览器中的检查模式下模拟mobileVersion.css工作表时，根本无法激活它。

那是为什么？我做错了什么？

Answer 1

对此我不确定，但是即使不使用样式表，样式表也总是会落空[1]。

另一种解决方案是移动媒体查询，以便仅在符合条件的类别下应用这些类（例如，将所有类包装在媒体查询中）。

编辑：这可能也有帮助[2]