问题描述
我想知道哪些浏览器支持CSS属性object-fit: cover。我通常将Mozilla browser compatibility table和caniuse混合使用，但是它们提供的信息略有不同。例如，在Mozilla上，支持Chrome浏览器（Android版）31版，但是caniuse声明最低支持84版。什么是上述差异的正确/原因？
如何为Android 55版的Chrome浏览器测试object-fit: cover属性？使用lambda之类的内容不支持在移动设备上（与台式机一样）选择其他浏览器，并且会提供最新版本的浏览器。
长期来看，将来我应该依靠哪一个？
解决方法
不，它们匹配。
CanIUse上的黑条表示浏览器的当前版本（绿色表示受支持）。 Mozilla列出了支持该功能的第一个版本。所以他们确实说了同样的话。只是Mozilla希望您根据用户来确定最新版本。
如果CanIUse没有显示“先前”版本，则仅表示它们没有足够的测试数据可说。因此，在那种情况下，Mozilla似乎有更多细节。也就是说，Chrome在跨平台上已经拥有相当多的功能奇偶校验，因此您在桌面列中通常会很安全。
如果仅当浏览器支持某个功能时才使用它，请像这样使用@supports：
@supports (object-fit: cover){
/* css styles for matching browsers */
}
这些工作就像媒体查询一样，可以覆盖以前的定义和较低的特异性。