Html Logo 设置大小不生效

Posted 安果移不动

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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%;

以上是关于Html Logo 设置大小不生效的主要内容,如果未能解决你的问题,请参考以下文章