如何使用 Modernizr 检测框大小边框支持

【问题标题】：How do I detect box-sizing border-box support with Modernizr如何使用 Modernizr 检测框大小边框支持
【发布时间】：2013-05-24 03:18:58
【问题描述】：

我的盒子在 Firefox 16 及更低版本中无法正确显示，这似乎是缺少对 box sizing 边框框的支持。

如何使用 Modernizr 检测框大小边框框支持，并为不支持它的浏览器区别对待 css？

【问题讨论】：

您是否包含-moz 前缀？它should work fine 在 FF 16 及以下

标签： javascript css modernizr

【解决方案1】：

Modernizr 在其默认构建中不包括盒子尺寸测试。这是他们的核心附加功能之一。

看看这个：

How to use Modernizr classes?

我认为它有你要找的东西：

// The first argument is the class name
Modernizr.addTest("boxsizing", function() {
    return Modernizr.testAllProps("boxSizing") && (document.documentMode === undefined       
|| document.documentMode > 7);
});

【讨论】：

这个 polyfill 可能也很有趣：boxsizing.htc
谢谢博尔特和尼尔斯。我将研究这些解决方案，看看是否可以让其中一个发挥作用。
酷。如果可以，请回来标记它，以便我可以在这里获得更多代表:-)