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

标签 css

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

我都试过了,好像都一样。

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

最佳答案

不同之处在于纵横比。使用 cover 时,无论比例如何,所有屏幕都将始终被填满。但是当使用 100% auto 时,如果屏幕相对高于图像本身,它会在底部留下一个空白空间(假设它位于顶部 no-repeat).

Cover100% auto

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

关于css - css 中背景大小的 cover 与 100% auto 之间的区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32925876/

相关文章:

javascript - 如何使用 Bootstrap 在鼠标悬停时制作动态切换图像?

javascript - 在 jQuery 中使用 css 转换属性

css - 将内联显示为非顶部或左侧固定位置

javascript - Reactjs 动画替换 : How to wait for fade out before adding content to fade in?

html - CSS使表格自动从thead变成一列标签

php - 如何保护父级样式免受用户在描述字段中添加的样式的影响

javascript - 如何同时给两个css类名,第二个在页面呈现后被删除?

javascript - jQuery If 语句问题

css - 如何从 QPushButton 中删除点击效果

jquery - 如何使用 jQuery 在 css 中设置重要标志?