博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用背景图的div宽高自适应
阅读量:7075 次
发布时间:2019-06-28

本文共 265 字,大约阅读时间需要 1 分钟。

hot3.png

宽度自适应很简单,直接百分比就好了; 关键是高度自适应,height加百分比是没用的,但是可以使用padding-top,设置成百分比,那样子padding-top就会跟随宽度变化而变化了

.turn1{	width: 100%;	padding-top: 25.6%;	background: url(../images/turn1.png) no-repeat center;	background-size: contain;}

转载于:https://my.oschina.net/daladida/blog/740550

你可能感兴趣的文章