<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%，高度自适应一样的效果
