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