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

在移动端，会遇到此类问题，简单的问题，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%;
}