Wordpress：Logo在小屏幕上播放的尺寸非常小

Question

我的徽标在屏幕上的大小正常如此

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

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

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

Answer 1

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

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

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

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

编辑：＆＃34; .logo＆＃34;在上面的CSS应该更改为徽标的类。

Answer 2

我假设你正在使用一个主题，并没有从头开始构建它。机会是你的主题有一个响应式图像声明，如：

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

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