html - 移动设备上的 img 标题下推文本

Question

我正在尝试编辑我的 wordpress 主题。我将标题 h1 更改为 img 以显示 Logo 。它在计算机上看起来不错，但在移动设备上，它做了一些奇怪的事情，以至于背景图像显示在 Logo 和导航栏之间。

您可以在这里查看:http://www.juicecrawl.com/blog

关于如何缩放 Logo 图像以使其适用于计算机和移动设备的任何想法？

谢谢!

Answer 1

将媒体查询中 .site-header 的 background-size 更改为 cover 而不是 768px auto.

@media (max-width: 767px) {
 .site-header {
     // background-size: 768px auto;
     background-size: cover;
 }
}