选择什么：<img> with object-fit:cover vs background-size: cover？

Question

我需要在其中一个元素上设置“封面”背景。

什么是使用CSS的利弊background-size: cover与实际img使用object-fit: cover？

据我所知，我可以通过 srcSet 和大小在响应性方面更好地控制 img。但是它在没有 polyfill 的 IE11 中不起作用。

Answer 1

除了其他人所说的兼容性之外（background-size: cover在所有现代浏览器上都支持，哪些地方object-fit: cover不支持），使用div元素的一个不需要的副作用background-size: cover是，如果用户尝试打印您的页面，很多时候图像会赢' 不会被打印，因为它会被浏览器视为背景并被忽略。

这对你来说可能根本无关紧要，但这是需要注意的。

有一些方法可以解决这个问题，但我不知道一种跨浏览器的银弹方法。