css利用padding实现图片的自适应相等宽高

css

<style type="text/less">
    .imgs{
        width: 100%;
        height: 0;
        position: relative;
        padding-top: 100%;

        .image{
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            left: 0;
        }
    }
</style>

html

<div class="imgs">
    <img src="..." class="image">
</div>