标签：javascript internet-explorer modernizr

我正在使用Modernizr为对象拟合创建一个后备.该解决方案正在运行,但它不是仅将其应用于不支持对象的浏览器(如IE),而是将代码应用于所有浏览器.这是为什么？

我的代码：

if ( ! Modernizr.objectfit ) {
    console.log('object fit is not supported');
    tpj('.featuredpost').each(function () {
        var $container = tpj(this),
                imgUrl = $container.find('.img-responsive').prop('src');
        if (imgUrl) {
            $container
                .css('backgroundImage', 'url(' + imgUrl + ')')
                .addClass('compat-object-fit');
        }
    });

    tpj('.big-post').each(function () {
        var $container = tpj(this),
                imgUrl = $container.find('.img-responsive').prop('src');
        if (imgUrl) {
            $container
                .css('backgroundImage', 'url(' + imgUrl + ')')
                .addClass('compat-object-fit');
        }
    });
}else{
    console.log('object is supported');
}

无论我检查什么浏览器,它总是记录：即使在支持对象适配的浏览器上也不支持对象适合.

我该怎么办？

Modernizr被正确包含和加载(即使我将本地文件更改为CDN路径,我得到相同的结果)：

<!-- Modernizr Library -->
<script type="text/javascript" src="js/modernizr.min.js"></script>

解决方法:

您必须使用旧版Modernizr.确保使用完整的Modernizr 3.x或带有CSS对象匹配功能的custom Modernizr 3.x build.

See example with custom Modernizr build on Codepen

标签：javascript,internet-explorer,modernizr
来源： https://codeday.me/bug/20190705/1389414.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。