CSS : 해상도 문제

Question

내 사이트에는 세 개의 div 요소 인 header, content 및 footer가 있습니다. 나는 헤더에 그림이있다. 나는 큰 결의 아래에서 너무 좋아 보인다. 그래서 나는 1800px 너비로 큰 이미지를 찍는다. 1800의 해상도에서는 멋지게 보이지만 지금은 작은 해상도 (예 : 1024)에서는 내 그림의 첫 번째 1024px 만 표시되지만 센터 1024px의 사진을 표시하고 싶습니다. backgound 이미지를 매우 크게 설정할 수있는 방법이 있지만 작은 해상도에서는 이미지 부분을 표시합니까?

#header 
{ 
    background-image:url(../img/bg_header1.jpg); 
    background-repeat:no-repeat; 
    height:357px; 
    width:100%; 
} 

어쩌면 내가 해상도를 자바 스크립트로 씹어 야하고 그런 그림을 사용해야합니까? 미리 감사드립니다.

Answer 1

http://www.htmldog.com/reference/cssproperties/background-position/

#header { background-position: center center; } 

Answer 2

고정 높이를 제거하십시오. 내 문제 @durilai