查漏补缺——说说background-size: cover;


问题

如题所示

答案

完美的背景图全屏css代码 – background-size:cover?

说说background-size:cover;与background-size:contain的区别

相关源码:

.hzh-banner-img {
    width: inherit;
    height: inherit;
    background-position: center;
    background-size: cover;
}

也就是说安装图片的元素会按照图片的比例相对于父元素进行缩放。

添加之前:

image

添加之后:

image

原创文章,作者:6024010,如若转载,请注明出处:https://blog.ytso.com/270526.html

(0)
上一篇 2022年6月27日
下一篇 2022年6月27日

相关推荐

发表回复

登录后才能评论