一尘不染

在后台拉伸和缩放CSS图像-仅使用CSS

css

我希望我的背景图像能够根据浏览器视口的大小进行拉伸和缩放。

我看到了一些可以解决问题的问题。它运作良好,但我想使用background而不是使用img标签放置图片。

在该img标签中放置一个标签,然后使用CSS向该img标签致敬。

width:100%; height:100%;

它可以工作,但是这个问题有点老了,并且指出在CSS3中调整背景图像的大小可以很好地工作。,但是对我来说却没有用。

有没有一个很好的方法来处理background-image声明?


阅读 277

收藏
2020-05-16

共1个答案

一尘不染

CSS3有一个很好的小属性,称为background-size:cover

这样可以缩放图像,使背景区域完全被背景图像覆盖,同时保持宽高比。整个区域将被覆盖。但是,如果调整大小后的图像的宽度/高度太大,则部分图像可能不可见。

2020-05-16