<style>
*{ margin:0; padding:0;}
.kech{ background-image: url(tu.jpg) ;background-size:100% auto;background-repeat: no-repeat; width:100%;}
.kech:before{content: ""; display: block; padding-top: 100%;}
.kech1 img{ width:100%;}
</style>
</head>
<body>
<div class="kech"></div>
<div class="kech1"><img src="tu.jpg"/></div>
</body>
我在网上找的,用:before,padding-top:100px;但是不对,就是想要kech跟kech1里的效果一样,当宽设置为100%时,背景等比例拉伸,就像把图片宽设置100%,高度自适应一样的效果