设置宽度,不设置高度,盒子大小1:1
可以通过padding值
padding: 100%;
这里的 百分比 是根据自身盒子宽度进行计算宽高
所以可以通过
.itemImg {
- width: 23%;
margin: 1%;
height: 0;
padding-bottom: 23%;
position: relative;
}
.itemImg>img {
- position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
根据这位老哥的页面阐述进行理解,可以看看原创
原创:http://www.divcss5.com/rumen/r50134.shtml