모바일에서 웹 사이트 헤더 div 문제가 발생했습니다.

Question

검색 및 검색했지만 실수 한 부분을 파악하지 못했습니다. 화면의 너비에 걸쳐 펼쳐진 내 머리글 div에 배경 이미지가 있습니다. 다시 말해 원본 이미지가 상대적으로 작더라도 화면 너비에 맞게 완벽하게 확장됩니다. 그러나 모바일에서 사이트를 볼 때 (바탕 화면으로 보임) 이미지가 화면을 채우지 않습니다. 대신 .jpg 이미지 하나만 보여주고 화면 너비는 채우지 않습니다. 바탕 화면에

이미지 : http://i.imgur.com/6ux68GT.png (이상적인) 모바일

이미지 : http://i.imgur.com/ApcW5xn.png (오류)

은 다음 항목에 내 CSS입니다. 원하는 다른 정보를 추가 할 수 있습니다. 양해 해 주셔서 감사합니다. 나는 배우려고 노력하고있어.

#headerWrap { 
background: #343434 url(../images/template/bg.jpg) repeat-x 0 0; 
} 

수정 :^오타가 수정되어 사이트가 여전히 올바르게 표시됩니다. 그리고 모두에게 응답과 제안에 대해 감사드립니다.

더 많은 조사가 끝나면 이미지가 초기 화면 너비를 벗어나지 않는 것처럼 화면이 끝나는 지점에서 사진이 깨집니다. 나는 지금 누군가가 아래에서 제안한 링크를 연구 중이다.

Answer 1

이 코드를 CSS에 넣으면 배경 이미지에 잘못된 경로가 삽입되었습니다. 앞으로 이미지 경로에 / 슬래시

1] 여분이 :

#headerWrap { 
background: #343434 url(../images/template/bg.jpg) repeat-x 0 0; 

Answer 2

나는 당신의 코드에 두 가지 문제를 참조하십시오.

2] CSS 선언 블록을 닫는 것을 잊었습니다. 코드 끝에 다른 }이 필요합니다. 대신이의

:

#headerWrap { 
background: #343434 url(../images/template//bg.jpg) repeat-x 0 0; 

이 시도 :

#headerWrap { 
background: #343434 url(../images/template/bg.jpg) repeat-x 0 0; 
}