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

Closed. This question is opinion-based。它当前不接受答案。












想要改善这个问题吗？更新问题，以便editing this post用事实和引用来回答。

2年前关闭。



Improve this question




我面临着对其中一种要素有“掩盖”背景的需求。

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

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

最佳答案

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

这对您可能根本不重要，但是需要注意。

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

关于html - 选择什么: <img> with object-fit:cover vs background-size: cover?，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52495842/