VUE 移动端 img设置宽高 真机无法显示

208 阅读1分钟

在VUE项目中img标签设置了宽高之后,真机无法显示图片。

例如:

img {
    width: 100px;
    height: 100px;
}

解决方案

在img标签外层包一层容器,限制其大小,设置内层img标签宽度100%

.wrap {
    width: 100px;
    height: 100px;
}
.wrap img {
    display: block;
    width: 100%;
    // height: 100%;
}