Question

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

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

我想将图像固定在左侧，以便在调整大小时保持固定。这看起来很简单，但是我使用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%;
}

从我的孩子主题CSS：

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

我在这里缺少什么？

Answer 1

将min-height: 170px;更改为最大 - 高度：170px;

Answer 2

尝试.site-header .home-link {...max-width: 100%;...}。

如何在调整大小期间让我的标题图像保持锚定状态？

2 个答案: