0

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

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

从长远来看,未来我应该依靠哪一个?

在此处输入图像描述 在此处输入图像描述

4

1 回答 1

1

不,他们匹配。

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

如果 CanIUse 没有显示“以前的”版本,这仅仅意味着他们没有足够的测试数据可以说。所以在那种情况下,Mozilla 似乎有更多的细节。也就是说,Chrome 在很长一段时间内已经在各个平台上实现了相当多的功能平等,因此您通常可以安全地关注桌面专栏。

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

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

}

这些工作就像覆盖先前定义和较低特异性的媒体查询一样。

于 2020-08-11T18:36:15.017 回答