background-size:覆盖较小的DIVs

Question

众所周知，using background-size: cover可以让背景图像在浏览器的视窗中自动缩放。

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

在不考虑background-size: 100% 100%的情况下，有没有解决这个问题的办法，因为它不会通过保持比例来真正扩展它？

background-size: cover非常有用，可以在不使用JS或任何服务器端修改的情况下进行简单的大小调整。

提前谢谢。

Answer 1

评论的副本，以便发帖人可以接受：

尽量不要使用fixed :) jsfiddle.net/vnMeK

请注意，并不是所有的浏览器都支持这个功能，IE有一个半工作的过滤器。

Answer 2

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