在移动端,会遇到此类问题,简单的问题,css即可搞定
html
<div class="foodImg">
<img :src="food.image"/>
</div>
css
.foodImg{
position: relative;
width: 100%;
height: 0;
padding-top: 100%; 宽高比例为1:1
//padding-top: 70%; 宽高比例为10:7
}
.foodImg img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}