크기를 조정할 때 헤더 이미지를 고정 상태로 유지하려면 어떻게해야합니까?

저는 www.thehumorwriters.com에서 웹 사이트를 운영 중입니다. 2013 년 Wordpress 테마를 기반으로합니다.크기를 조정할 때 헤더 이미지를 고정 상태로 유지하려면 어떻게해야합니까?

창 크기를 조정하면 머리글 이미지가 화면 오른쪽에 고정 된 상태로 유지되고 창 크기가 너무 작 으면 빠르게 잘립니다. 이것은 넷북 및 기타 저해상도 디스플레이에서 문제가되는데, 기본적으로 로고의 왼쪽면이 잘립니다.

이미지가 왼쪽에 고정되어 있으므로 크기가 조정 되어도 고정되어 있습니다. 아주 간단하지만 Firebug를 사용하고 있습니다. 배경 첨부 : 고정, 배경 위치 : 왼쪽 상단, 여백 또는 여백 조정 등 영향을 미치지 않는 것 같이 문제를 해결할 수있는 변경 사항을 사용하고 있습니다. . 절대적으로 위치를 설정하면 테마가 엉망이됩니다. 2013 테마 CSS에서

<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>

: 내 아이 테마 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%; 
}

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

내가 여기 실종 무엇

HTML에서 관련 섹션

출처

2014-05-23 Toby

일부 코드 또는 [JS Fiddle] (http://jsfiddle.net/)을 제공 할 수 있습니까? 우리가 볼 수 없다면 우리는 도울 수 없다! – Timmah

오, 죄송합니다, 방화범을 사용할 수 있다고 생각했습니다. 내 CSS 코드에서 영향을 미치는 유일한 것은 .site-header .home-link { \t 최소 높이 : 170px; } – Toby

다른 관련 코드 샘플이 추가 된 경우에만 lmk가 필요합니다. – Toby

min-height: 170px;을 최대 - 높이 : 170px로 변경하십시오.

출처

2014-05-23 07:04:08 jwdmsd

감사하지만 높이가 문제가 아닙니다. – Toby

시도 .site-header .home-link {...max-width: 100%;...}.

출처

2014-05-23 20:15:31 nydame

전 실제로 이런 느낌이었습니다. 효과가없는 것 같습니다. – Toby

크기를 조정할 때 헤더 이미지를 고정 상태로 유지하려면 어떻게해야합니까?

답변

관련 문제