使用 Modernizr 测试浏览器对 css calc() 的支持答案

【问题标题】：Using Modernizr to test browser support for css calc()使用 Modernizr 测试浏览器对 css calc() 的支持
【发布时间】：2013-08-21 13:59:54
【问题描述】：

如何使用 Modernizr 测试浏览器是否支持 CSS3 calc() 属性？

我试过了：

if (Modernizr.testProp('cssCalc')) {
    console.log('CSS calc() supported');
}

但这只会在控制台中返回“undefined”。

（我使用的是modernizr-2.6.2.js）。

使用 Modernizr 进行浏览器功能检测的正确方法是什么？

【问题讨论】：

testProp() 采用 CSS 属性名称。
背景知识：Safari 5（包括适用于 Windows 的 Safari 和在 IOS 5 上运行的 Mobile Safari 不支持 CSS 值 calc()（请参阅 caniuse.com/calc）。我想使用 calc ( ) 在我的 CSS 和 js 中作为不支持此功能的浏览器的后备。

【解决方案1】：

if (Modernizr.csscalc) {
  console.log('CSS calc() supported');
}

【讨论】：