宽度自适应很简单,直接百分比就好了; 关键是高度自适应,height加百分比是没用的,但是可以使用padding-top,设置成百分比,那样子padding-top就会跟随宽度变化而变化了
.turn1{ width: 100%; padding-top: 25.6%; background: url(../images/turn1.png) no-repeat center; background-size: contain;}
本文共 265 字,大约阅读时间需要 1 分钟。
宽度自适应很简单,直接百分比就好了; 关键是高度自适应,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