如何解决当心! Object-fit:Cover 在最新的 Chrome 更新中不起作用,是错误还是他们放弃了支持?
只是提一下那个适合的对象:Cover;在最新的 Chrome 更新中 不再工作。(版本 92.0.4515.107(官方版本)(64 位),我不确定它是否是一个错误!
我真的花了一个小时试图弄清楚在开发网站时是否有任何文件发生了变化,因为使用该 CSS 规则的滑块不再正常工作,所以我在另一台装有 Chrome 的 PC 上尝试了它在我通过设置进行更新之前一直运行得很完美。我提交了一份错误报告以防万一。
编辑:虽然新更新中 CSS 规则确实发生了一些变化,例如:在 bootstrap 4.6 轮播中,我被迫使用一些额外的 CSS 规则,因此它的行为不像在 IE 中那样。基本上我有一个全宽轮播,第一张幻灯片是视频,还有几张带有按钮等的图像,除了 IE 之外,它在所有浏览器上都能完美运行,添加以下代码修复了它。
.bg-slider .carousel-item img{
width:100vw !important;
height:475px;
object-fit: cover;
background-position: center center;
}
.bg-slider .carousel-item video{
width:100vw !important;
height:475px;
object-fit: cover;
background-position: center center;
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。