css 中背景大小的 cover 与 100% auto 之间的区别?

Deb*_*Das 5 css

如何区分 background-size: coverbackground-size: 100% auto

我都试过了,看起来都是一样的...

那么我们应该使用哪一个,为什么?

Shi*_*iel 3

区别在于纵横比。使用时cover,无论比例如何,整个屏幕都会被填满。但使用 时100% auto,如果屏幕相对高于图像本身,则会在底部留下一个空白空间(假设它位于顶部no-repeat)。

覆盖100% 自动

顺便说一下,为了最好地看到效果,需要在允许内容窗口具有至少 300 像素高度的屏幕上查看笔(在其他情况下需要调整大小)。最近更改的布局似乎无法再找到完整的页面视图......