css - 使用媒体查询导入 CSS 的浏览器兼容性表是什么？

Question

我正在查看 https://drafts.csswg.org/mediaqueries-3/#media0

@import url('style.css') (max-width: 1280px);

我使用 CanIUse 寻找import 和media，但它没有详细说明两者的组合。有 Specifications关于 MDN import page 的部分但这并没有谈论兼容性和 Browser compatibility同一页面上的部分似乎是在整体上谈论 import，但我可以具体介绍如何使用 import 添加媒体查询支持。

上面链接的文档是 2012 年的，但 Visual Studio Code 对我大喊大叫，指出上面使用的语法。它在我的 Chrome 中运行，我也会在其他浏览器上进行测试，但是如果有一个带有支持表的规范来源会很棒。

Answer 1

@import 已支持媒体类型 since CSS2 .由于媒体查询在技术上是媒体类型的扩展(如 CSS2 和 MQ3 中所述)，并且没有已知的支持媒体查询的浏览器实例在它们本来可以接受媒体类型的地方不接受它们(包括 @media、@import 和 HTML 中的 media 属性)，可以安全地假设每个支持媒体查询的浏览器都在 中支持它们>@import.

如果有第三方兼容性表就好了，但要求提供一个与 Stack Overflow 无关。