background-size：覆盖较小的DIV

Question

众所周知，using background-size: cover使背景图像在浏览器的视口中自动完美缩放。

虽然，如果我们将它应用于尺寸较小的DIV，例如100x100px，图像仍会缩放，不是基于容器DIV而是基于浏览器的总视口，导致仅显示图像的一部分

是否有任何解决方法，而不考虑background-size: 100% 100%，它不能通过维持比例来实际扩展它？

background-size: cover非常有用，无需使用JS或服务器端修改即可轻松调整大小。

提前致谢。

Answer 1

我很确定你想要的是background-size: contain。

Answer 2

评论副本，以便海报可以接受：

尽量不要使用固定的:) jsfiddle.net/vnMeK

请注意，并非所有浏览器都支持此功能，IE还有一个半工作过滤器。