我希望我的背景图像根据浏览器视口(viewport)大小进行拉伸(stretch)和缩放。
我在 Stack Overflow 上看到了一些可以解决问题的问题，比如 Stretch and scale CSS background 例如。它运行良好，但我想使用 background 放置图像，而不是使用 img 标签。
在其中放置了一个 img 标签，然后我们使用 CSS 向 img 标签致敬。
width:100%; height:100%;
它有效，但这个问题有点老了，并指出在 CSS 3 中调整背景图像的大小会很好地工作。我试过这个example the first one ，但对我来说没有用。
background-image 声明有什么好的方法吗？
最佳答案
CSS3 有一个不错的小属性，叫做 background-size:cover。
这会缩放图像，使背景区域完全被背景图像覆盖，同时保持纵横比。整个区域都将被覆盖。但是，如果调整后的图片的宽度/高度太大，则图片的一部分可能不可见。
关于css - 在后台拉伸(stretch)和缩放 CSS 图像 - 仅使用 CSS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1150163/