HTML5 상용구가 사이트 하단에 간격을 만듭니다.

현재 HTML5 Boilerplate로 시작하고 있으며 실제 프로젝트에서는 약간의 문제가 있습니다. I시피 은 상용구의 CSS이 함께 <html> 정의하고이 폰트 크기 및 라인 높이를 제거함으로써, 해당 사이트의 하단에 틈을 만들고HTML5 상용구가 사이트 하단에 간격을 만듭니다.

html { 
    color: #222; 
    font-size: 1em; 
    line-height: 1.4; 
}

을 상기 갭 '그러나 케이 저하 사라지다.

이 간격은 Chrome에만 표시되며 Firefox, Safari 또는 Opera에는 표시되지 않습니다.

왜 그런가?

enter image description here

출처

2014-11-19 Matheus Costa

(min-)'height to 100 % '을 시도하십시오. – jbutler483

시도해 보았지만 작동하지 않습니다. –

jsfiddle에서 복제 할 수 있습니까? – jbutler483

그 녀석 해결.

캐시 및 자바 스크립트가있는 항목입니다.

브라우저 캐시를 지우고 Ctrl + F5를 누릅니다. 지금은 괜찮을 것 같습니다.

감사합니다.

출처

2014-11-19 15:39:19

HTML5 상용구가 사이트 하단에 간격을 만듭니다.

답변

관련 문제