对象适配:根据Mozilla和caniuse的不同覆盖兼容性差异

Question

我想知道哪些浏览器支持CSS属性object-fit: cover。我通常将Mozilla浏览器兼容性表和犬科混合使用，但是它们提供的信息略有不同。例如，在Mozilla上，Android版本31支持Chrome，但是caniuse声明至少支持84版本。上述差异的原因是什么？

我将如何测试ChromeforAndroidVersion55的object-fit: cover属性？使用像lambda这样的东西不支持在移动上选择不同的浏览器(就像它们在桌面上使用的那样)，并且将提供浏览器的最新版本。

长远来说，我将来应该倚赖哪一个呢？

​

​

Answer 1

不，他们匹配。

CanIUse上的黑条表示浏览器的当前版本(支持绿色表示)。Mozilla列出了支持该特性的第一个版本。所以他们也是这么说的。这只是因为Mozilla希望您能够根据您的用户了解最新的版本。

如果CanIUse没有显示“早期”版本，这仅仅意味着它们没有足够的测试数据可供说明。在这种情况下，Mozilla似乎有更多的细节。尽管如此，Chrome已经有相当一段时间了，所以你在桌面专栏上通常是安全的。

如果只希望在浏览器支持的情况下使用某个功能，请使用@supports，如下所示：

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

}

这些工作就像媒体查询一样，覆盖了以前的定义，而且特异性较低。