
div的高度随背景图片的高度变化:
原理是通过padding-top或者padding-bottom实现,值是背景图片的宽高比。高度设置为0.
.newcenter{ width: 100%; background: url('../../assets/img/newcenter.png') no-repeat; background-size: 100% auto; padding-top: 13%; height: 0px; }

div的高度随背景图片的高度变化:
原理是通过padding-top或者padding-bottom实现,值是背景图片的宽高比。高度设置为0.
.newcenter{ width: 100%; background: url('../../assets/img/newcenter.png') no-repeat; background-size: 100% auto; padding-top: 13%; height: 0px; }
评论已关闭