选择：<img>与object-fit:cover vs background-size: cover？

Question

我面临着对其中一个元素有一个“封面”背景的需求。

使用CSS background-size: cover与使用object-fit: cover的实际img的优缺点是什么？

据我所知，我可以通过srcSet和大小的响应来更好地控制img。但是，如果没有polyfill，它在IE11中就不能工作。

Answer 1

除了其他人所说的兼容性(所有现代浏览器都支持background-size: cover，而object-fit: cover不支持)之外，将div元素与background-size: cover一起使用还有一个不想要的副作用:如果用户尝试打印页面，很多时候图像将不会打印，因为浏览器会将其视为背景并忽略它。

这对你来说可能一点都不重要，但这是需要注意的。

有some ways to get around this，但我不知道一个单一的，跨浏览器的银弹方法。