CSS 헤더가 화면 크기에 맞지 않습니다.

Question

내 머리글을 내 화면 크기에 맞추고 싶습니다. 배경 크기가 "표지"로 설정 되었기 때문에 화면의 크기에 관계없이 실제로 실제로 넓어 지지만 높이는 따라 가지 않습니다. (그런데 나쁜 영어로 유감스럽게 생각합니다.) "header td"섹션에 높이 내용을 넣어야하지만 어떻게 수정해야합니까? 당신은 HTML5를 알고

#header-wrap { 
    background:url(haderimage.jpg)no-repeat center; 
    background-size:cover; 
    box-shadow:inset 0 0px 0px rgba(0,0,0,0.3); 
} 

.wsite-custom-background #header-wrap { 
    background: none; 
} 

#header { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width:100%; 
    height:100%; 
} 

#header td { 
    vertical-align: middle; 
    text-align: left; 
    height: 500px; 
} 

Answer 1

header 태그가 자동으로 오른쪽 구축했다 : 나는

는

CSS는 ... 충분히 분명 희망?

어쨌든 여백 또는 여백 문제와 비슷하게 들릴지 모르지만 폭에 몇 픽셀을 추가하는 것과 같습니다. CSS의 상단에 리셋을 수행하십시오 :

이

*{ 
margin: 0; 
padding: 0; 
} 

이 느린 때때로 로딩을 할 수있다 (나는 개인적으로 어떤 차이를 발견 적이 없다) 때문에 도움이되지 않는 경우에, 그것을 제거. 그렇지 않으면 초과 너비를 숨길 수 있습니다. 몸매 태그에서 오버플로를 숨길 수 있습니다. 이렇게하면 페이지가 수평으로 스크롤되지 않지만 나중에 너비 문제가 발생할 수 있습니다.

body{ 
overflow-x: hidden; 
}