padding-top背景图片自适应

<style>
div {
background:url(1.jpg) center no-repeat;
padding-top: 48%;
background-size: cover;
}
</style>

<div></div>

padding-top的值就是图片的高/宽的 比值

div的宽度是相对父级100%，想设置div的显示宽度，只能设置父级的宽度，而不能设置自身的宽度

转载于:https://www.cnblogs.com/cndxk/p/4568089.html