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 */
}
这些工作就像媒体查询一样,覆盖了以前的定义并降低了特异性。
我想知道哪些浏览器支持 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 */
}
这些工作就像媒体查询一样,覆盖了以前的定义并降低了特异性。