워드 프레스 : 반응하는 배경 이미지를 확인

Question

여기 내 워드 프레스 : 당신은 바탕 화면 모드에서 볼하지만 스마트 폰 모드에 문제가 있다면 http://shopmanouchek.com

모든 것이 괜찮습니다. 헤더 이미지가 응답하지 않습니다. 여기

로고에 대한 코드입니다 : 지금은 완전히 대형 내가 뭔가를 내 휴대 전화에 좋아 보이는

-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

추가하려고

#header{ 
background-image: url(http://img15.hostingpics.net/pics/989373manouchekc.png); 
background-repeat: no-repeat; 
background-position: center; 
} 

하지만 지금은 바탕 화면보기에서 로고

Answer 1

Salman A 앞서 언급 한 미디어 쿼리보다 위에 간략한 개요가 있습니다. http://css-tricks.com/css-media-queries/

및 실제로 작동하는 방법의 예

#header { 
    background-image: url(http://img15.hostingpics.net/pics/989373manouchekc.png); 
    background-repeat: no-repeat; 
    background-position: center; 
} 

@media all and (max-width: 480px) /*or whatever width you want the change to take place at*/ { 
    #header { 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 
}