css - Wordpress: Logo 在小屏幕上的尺寸非常小

Question

我的 Logo 在屏幕上的大小是这样的

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

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

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

Answer 1

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

您可以使用自定义 CSS 覆盖它们，但我会先找到断点。使用 this tool然后向您的 CSS 添加如下内容:

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

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

编辑:上面 CSS 中的“.logo”应该更改为 Logo 的类。