css中背景大小的封面与100%自动之间的差异?

css中背景大小的封面与100%自动之间的差异?,css,Css,如何区分背景尺寸:封面和背景尺寸:100%自动 我两个都试过了,看起来都一样 那么我们应该使用哪一种?为什么?区别在于长宽比。当使用封面时,无论比例如何,所有屏幕都将被填满。但是当使用100%自动时,如果屏幕相对高于图像本身,它将在底部留下一个空白(假设它位于顶部,且无重复) 对 顺便说一下,为了更好地看到效果,需要在允许内容窗口至少有300像素高度的屏幕上查看画笔(在其他情况下,需要调整大小)。如果我无法使用封面,则最近更改的布局似乎再也找不到完整的页面视图…。因为我正在使用:50%自动任何方

如何区分
背景尺寸:封面
背景尺寸:100%自动

我两个都试过了,看起来都一样


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

区别在于长宽比。当使用
封面时
,无论比例如何,所有屏幕都将被填满。但是当使用
100%自动
时,如果屏幕相对高于图像本身,它将在底部留下一个空白(假设它位于顶部,且
无重复


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

。因为我正在使用
:50%自动
任何方法来防止出现空白。我认为有一些解决方法。。。主要是媒体查询和JavaScript。当然,两者都不如使用
封面
那么简单。还有
图像集
,但这似乎主要是针对目标分辨率,缺乏深度支持。下面是一个很好的描述选项的线程:。如果你能发布一个小的实时示例(见下面的评论),我可以尝试创建一个替代方案。。。