失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 背景图片宽高自适应实现

背景图片宽高自适应实现

时间:2022-11-22 16:02:19

相关推荐

背景图片宽高自适应实现

.banner{

width:100%;

background:url(/image/excellentCase/banner_pc.png?v=06151044)no-repeat;

background-size:100%auto;

padding-top:16%;

height:0;

}

图片的像素为:3840 x 602

计算百分比:602 / 3840 约等于 16

原理:padding的百分比是依据元素的宽度

如果觉得《背景图片宽高自适应实现》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。