css - 如何让我的标题图片在调整大小时保持锚定？

Question

我在 www.thehumorwriters.com 上运营着一个网站。它基于 2013 年 Wordpress 主题。

调整窗口大小时，标题图像仍固定在屏幕右侧，如果窗口太小，标题图像会很快被截断。这是上网本和其他低分辨率显示器的问题，默认情况下 Logo 的左侧被截断。

我想将图像固定在左侧，以便在调整大小时保持固定。看起来很简单，但我正在使用 Firebug 并且我认为可以解决问题的更改 - 如背景附件:固定，背景位置:左上角，或调整边距或填充 - 似乎没有任何影响.将位置设置为绝对会扰乱主题。

HTML 中的相关部分:

<header id="masthead" class="site-header" role="banner">
            <a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
            </a>

来自 2013 年主题 CSS:

.site-header .home-link {
    color: #141412;
    display: block;
    margin: 0 auto;
    max-width: 1080px;
    min-height: 230;
    padding: 0 20px;
    text-decoration: none;
    width: 100%;
}

来 self 的 child 主题 CSS:

.site-header .home-link {
    min-height: 170px;
}

我在这里错过了什么？

Answer 1

将 min-height: 170px; 更改为 ma​​x-height: 170px;