设置一个宽高相同的图片，宽度是不固定，恒为页面宽度100%

在移动端，会遇到此类问题，简单的问题，css即可搞定

html

<div class="foodImg">
    <img :src="food.image"/>
</div>

css

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