.app-logo {
width: 50px;
height: 50px;
margin-bottom: 10px;
}
<div class="app-logo">
<img :src="app.logoUrl" alt="App logo">
</div>
这样虽然设置了50px的大小,但是实际大小还是图片本身的大小
解决方案
.app-logo {
width: 80px;
height: 80px;
margin-bottom: 10px;
}
.app-logo img {
max-width: 100%;
max-height: 100%;
}