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>