css实现图片等宽高

1、 Html页面

<div style="width: 100px;">
			<div class="img_div">
				<img src="http://192.168.31.2:8801/uploads/home/common/default_goods_image.jpg">
			</div>
		</div>

2、css代码

.img_div {
				position: relative;
				width: 100%;
				height: 0;
				padding-top: 100%;
			}
			
			.img_div img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}