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 设置大小不生效的主要内容,如果未能解决你的问题,请参考以下文章

css calc()不起作用

如何在HTML中设计<hr>即水平线的颜色??

解决HTML外部引用CSS文件不生效问题

附全部代码+图片使用HTML5+CSS3绘制HTML5的logo——Web前端系列学习笔记

附全部代码+图片使用HTML5+CSS3绘制HTML5的logo——Web前端系列学习笔记

前端(HTML/CSS/JS)-HTML编码规范