CSS 圖片寬度100%時如何設置圖片寬度和高度相等

.l-img-div{width:100%;height:0;position: relative;padding-bottom: 100%}

.l-img-div img{width:100%;height:100%;position: absolute;}


<div class="l-img-div">
　　<img src="" >
</div>

上面可以做到 讓圖片 和div同寬 同高

如果僅僅想要外層div同寬高，而圖片保持原圖代銷不被撐大， 可以將圖片屬性換成下面這個
{max-width:100%;max-height:100%;margin: auto; top: 0；left: 0;right: 0; bottom: 0;}