调整移动设备的标题图片大小

Question

我一直在尝试为我的WordPress博客设置标题图片，但是随着图片变小，我无法让它在小屏幕上正常工作。

此外，单击移动版本上的菜单时图像会关闭。

<header id="masthead" class="site-header" style="background-image: url(<?php header_image(); ?>);background-repeat:no-repeat; background-size:contain; background-position:center;">

.site-branding {
      padding: 85px 0;
    }

header.site-header{
        margin-bottom: 40px;
    }

以下是博客供参考：http://semdesculpas.org/

Answer 1

您可以设置site-branding。

的背景

    <div class="site-branding  row text-center" style="background-image: url(http://semdesculpas.org/wp-content/uploads/2018/01/cropped-cropped-Untitled-1-1-1-2.png);background-repeat:no-repeat;
background-size:contain;
background-position:center; margin-top: 20px">

结果：