我希望我的背景图像能够根据浏览器视口的大小进行拉伸和缩放。
我看到了一些可以解决问题的问题。它运作良好,但我想使用background而不是使用img标签放置图片。
background
img
在该img标签中放置一个标签,然后使用CSS向该img标签致敬。
width:100%; height:100%;
它可以工作,但是这个问题有点老了,并且指出在CSS3中调整背景图像的大小可以很好地工作。,但是对我来说却没有用。
有没有一个很好的方法来处理background-image声明?
background-image
CSS3有一个很好的小属性,称为background-size:cover。
background-size:cover
这样可以缩放图像,使背景区域完全被背景图像覆盖,同时保持宽高比。整个区域将被覆盖。但是,如果调整大小后的图像的宽度/高度太大,则部分图像可能不可见。