css设置图片百分比显示，最简洁的代码

css代码：

　　　　　　　　.img-box {
                padding-bottom: 100%;
            }

            .img-box img {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                width: 100%;
                /* margin:auto; */
            }

 

html标签：

<div class="img-box">
            <img src="image/banner_1_nn.png" />
</div>