javascript - 如何使用 JavaScript 检查 CSS calc() 是否可用？

Question

有没有办法检查the CSS function calc可以使用 JavaScript 吗？

我发现了很多关于使用 jQuery 获得与 calc 相同的行为的问题和文章，但是我如何才能只检查它是否可用？

Answer 1

在Modernizr您可以在非核心检测中找到当前作为 css-calc 的测试。他们使用以下代码:

Modernizr.addTest('csscalc', function() {
    var prop = 'width:';
    var value = 'calc(10px);';
    var el = document.createElement('div');

    el.style.cssText = prop + Modernizr._prefixes.join(value + prop);

    return !!el.style.length;
});