在 Chrome 中使用-webkit-object-fit
样式表会生成“未知属性名称”。
只是不支持吗?-webkit-border-image
作品。
2016 年 2 月 15 日更新
现在,除 Internet Explorer 和 Edge 之外的所有主要浏览器都支持不带前缀的扩展(尽管它在 Edge 中被标记为处于考虑中,具有中等优先级,因此将来很可能会支持它)。
原始(过时)答案
这个特定的扩展似乎是一个 Opera 支持的项目,因为它没有获得任何其他浏览器的支持。
当前没有支持 object-fit 属性的活动的基于 webkit 的浏览器。这个属性已经存在了很长一段时间,并且该规范达到了候选推荐,因为它是在 Opera Presto (<= 12) 浏览器和 HP TouchPad (WebOS 3.0) 中实现的。但是,这两个都已过时,因此该属性也出现在CSS Images Level 4规范中
它已被添加到 Chrome 32 中,但由于它使用 Blink,因此该属性没有前缀,因此无需使用 -webkit- 前缀。
如果你正在寻找一个 polyfill,我已经制作了一个基于 jQuery 的,你可以在http://www.steveworkman.com/html5-2/javascript/2012/css3-object-fit-polyfill/