Wordpress：徽标在小屏幕上的尺寸非常小答案

【问题标题】：Wordpress: Logo gets on small screens a very small sizeWordpress：徽标在小屏幕上的尺寸非常小
【发布时间】：2018-02-07 09:40:23
【问题描述】：

我的标志在屏幕上是正常大小的，像这样

如果我更改浏览器的屏幕尺寸，那么我的徽标会变得非常小。

标志不能像之前的图片那样小。应该更像下一张图片：

我知道有很多不同的主题，但是否可以通过缩小屏幕来保持徽标大？

【问题讨论】：

【解决方案1】：

大多数 WP 主题都有预先设置的媒体查询，这些查询提供断点以使网站响应屏幕尺寸的变化。

您可以使用自定义 CSS 覆盖这些，但我会先找到断点。使用this tool，然后在您的 CSS 中添加如下内容：

@media screen and (max-width: 400px){
  .logo{
     width:200px !important;
 }
}

当屏幕尺寸为 400 像素或更小时，这会更改徽标的宽度。将 400px 更改为断点设置的任何值。您可以通过这种方式编辑宽度或高度，但除非您愿意，否则无需同时进行。

编辑：上面 CSS 中的“.logo”应更改为徽标的类。

【讨论】：

【解决方案2】：

我假设您正在使用一个主题并且没有从头开始构建它。您的主题可能具有响应式图像声明，例如：

.someAwesomeDivName img {
    width:100%;
    height:auto;
}

并且持有该图像的父 div 具有一定的宽度，这会影响其中的图像。先检查那里，然后从那里去。

【讨论】：