Html Logo 设置大小不生效

.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%;
}