object-fit:涵盖根据 Mozilla 和 caniuse 的兼容性差异

object-fit: cover compatibility differences according to Mozilla and caniuse

我想知道哪些浏览器支持 CSS 属性 object-fit: cover。我通常混合使用 Mozilla browser compatibility table and caniuse,但是,它们提供的信息略有不同。例如,在 Mozilla 上,支持 Chrome for Android 版本 31,但是,caniuse 声明至少支持版本 84。什么是正确的/造成上述差异的原因?

我如何测试 object-fit: cover 属性 for Chrome for Android version 55?使用 lambda 之类的东西不支持在移动设备上选择不同的浏览器(就像他们在桌面上所做的那样),并且会提供最新版本的浏览器。

长远来看,我以后该靠哪一个?

不,他们匹配。

CanIUse 上的黑条代表浏览器的当前 版本(绿色表示受支持)。 Mozilla 列出了支持该功能的第一个版本。所以他们确实说了同样的话。只是 Mozilla 希望您根据您的用户找出最新的版本。

如果 CanIUse 没有显示“以前的”版本,那只是意味着他们没有足够的测试数据可说。所以在那种情况下,Mozilla 似乎有更多的细节。就是说,Chrome 跨平台具有相当多的功能奇偶校验已经有一段时间了,所以您 通常 安全地关注桌面专栏。

如果您只想在浏览器支持时使用某个功能,请像这样使用 @supports

@supports (object-fit: cover){ 
/* css styles for matching browsers */ 

}

这些工作就像媒体查询一样,覆盖了以前的定义并降低了特异性。