TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超4個(gè)贊
.box{
position: relative;
padding-top: 25%;
overflow: hidden;
width: 25%;
float: left;
}
.box img{
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
<div class="box">
<img src="img/2e0f7f7.png"/>
</div>
<div class="box">
<img src="img/2e0f7f7.png"/>
</div>
<div class="box">
<img src="img/2e0f7f7.png"/>
</div>
<div class="box">
<img src="img/2e0f7f7.png"/>
</div>
用vw的話
.box{
font-size：0;
}
img{
width: 25vw;
height: 25vw;
vertical-align: top;
}
<div class="box">
<img src="img/2e0f7f7.png"/>
<img src="img/2e0f7f7.png"/>
<img src="img/2e0f7f7.png"/>
<img src="img/2e0f7f7.png"/>
</div>
舉報(bào)