我希望我的背景图像根据浏览器视口大小进行拉伸和缩放。
看到了一些可以解决问题的问题，例如 拉伸和缩放 CSS 背景。它运作良好，但我想使用 放置图像background，而不是使用img标签。
background
img
在其中放置了一个img标签，然后我们使用 CSS 向该img标签致敬。
width:100%; height:100%;
它有效，但这个问题有点老了，并指出在 CSS 3 中调整背景图像的大小会很好。我已经尝试了第一个示例，但对我来说没有用。
有没有一个好的方法来做这个background-image声明？
background-image
CSS3 有一个很好的小属性，叫做background-size:cover.
background-size:cover
这会缩放图像，使背景区域完全被背景图像覆盖，同时保持纵横比。将覆盖整个区域。但是，如果调整后的图像的宽度/高度太大，则可能看不到部分图像。
