CSS媒体查询不'；我无法估计为真

我正在尝试使用@import样式的媒体查询包含特定于浏览器的CSS，如下所示：

<style type="text/css">@import url(foo.css) all and (-moz-box-sizing: content-box);</style>

我的想法是为Firefox（Gecko/Mozilla）浏览器添加foo.css。然而，看起来foo.css从未应用于Firefox。因此：

如何在Firefox中调试@import media查询的计算结果不为true的原因。我已经通过“InspectQ”进行了检查，以确保-moz框大小确实是我正在使用的浏览器中的上下文框。但无论出于何种原因，媒体查询表达式的计算结果显然是错误的。我可以使用什么工具在运行时查看该评估

有人认为媒体查询有什么问题吗

是否有更常见的方法使用@import样式的媒体查询来检测Mozilla浏览器

定义了一组您可以使用的特定媒体功能。尽管语法类似于属性声明，但不能将任何任意CSS属性用作媒体功能，因为它不一定是有意义的。例如，即使对于Mozilla浏览器来说，在媒体查询中，

-moz框大小

应该意味着什么

---

在您的情况下，因为只有Mozilla浏览器才能理解

-moz-

前缀，所以您可以直接将CSS规则放置在主样式表中，而无需任何条件导入。

谢谢！我不知道只有一组特定的媒体功能可用。我将阅读规范。请注意，一旦浏览器提供支持，您就可以通过

@supports（-moz-box-size:content-box）{@import-url（foo.css）all；}

获得您想要的东西。现在，它可以在Firefox nightlies和Aurora的版本中使用。

.myStyle { -moz-box-sizing: border-box; }