【问题标题】:Change size of logo更改徽标大小
【发布时间】:2018-04-11 08:21:24
【问题描述】:

我需要使左上角的徽标比原来的更大:My site。 我可以更改此类上的width,但徽标变得非常模糊。我上传的标志是512*512px,但由于某种原因,网站上的标志只有40*40px,我不能让它大于40px;

有没有人知道如何制作徽标效果。 100*100px?

在图片的 URL 上由于某种原因在末尾设置了 40px:

https://mimsi.dk/wp-content/uploads/2018/04/Webstedsikon-40x40.png

我可以把它改成:

https://mimsi.dk/wp-content/uploads/2018/04/Webstedsikon-100x100.png

应该在页面上显示的徽标大小。

图片上的CSS是这样的:

#logo img {
    max-height: 80px;
    width: auto;
}

【问题讨论】:

  • 这不是 CSS 问题,而是 wordpress 问题。相应的代码片段可能位于header.php 中,实际的<img> 标记是在其中创建的。
  • 所以使用更大的图像来消除模糊并实际设置高度而不是max-height(现在如果图像是40px,它不会增加到80px)

标签: html css wordpress


【解决方案1】:

将 src 更改为https://team-nord.dk/wp-content/uploads/2018/04/Webstedsikon-100x100.png,将 height: 80px 添加到#logo img。 max-height 是确保在浏览器中放大时图片不能太大,height 属性是设置图片的高度。

#logo img {
    height: 80px;
    max-height: 80px;
    width: auto;
}

【讨论】:

    【解决方案2】:
    .logo-trans { min-width: 100px; }
    

    【讨论】:

      猜你喜欢
      • 2018-05-18
      • 2015-01-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多