WordPress：徽标在小屏幕上的显示尺寸很小

Question

我的徽标在屏幕上的大小是这样的

如果更改浏览器的屏幕尺寸，则徽标会变得很小。

徽标不能像上一张图​​片一样小。 下图应该更像：

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

Answer 1

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

您可以使用自定义CSS覆盖它们，但首先要找到断点。 使用此工具 ，然后将以下内容添加到CSS：

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

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

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

Answer 2

我假设您正在使用主题，而不是从头开始构建。 您的主题很可能具有响应式图像声明，例如：

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

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