2016-08-05 2 views
-1

1903 x 475 픽셀의 이미지가 있고 헤더에 세트가 있습니다. 헤더 높이를 475px로 설정하면 이미지가 보입니다. 작은 화면을 테스트 할 때까지 모든 것이 멋지게 보입니다. 배경 크기를 100 %로 설정하여 이미지를 자동으로 조정할 수 있지만 머리글 높이는 475 픽셀로 유지됩니다. 나는 간단한 기술을 검토하는 중이지만 화면 크기가 작아지면서 이미지의 높이와 일치하는 헤더가 필요합니다. 여기 이미지로 헤드 높이 자동 조절

내가 헤더와 이미지를 가지고있는 것입니다 :

*.navbar.navbar-default.navbar-static-top { 
    margin-bottom: 25px; 
    background: url(../images/flavor-westbg.jpg)top center no-repeat; 
    background-size: 100%; 
    min-height: 475px; 
    width: auto; 
}* 

아 마지막 한가지. 이 프로젝트의 CSS 만 조정할 수 있습니다.

+0

쉽게 디버그하기 위해 헤더 HTML 코드를 공유하십시오. –

답변

0

난 당신이 부트 스트랩을 사용하고 있으리라 믿고있어. 시도 할 수있는 한 가지는 "padding-top : px;"입니다. 사진의 경우 또는 폴더를 아래에 두는 경우. jumbotron과 비슷한 문제를 해결하기 위해 패딩을 사용해야했습니다.