<! DOCTYPE html>은 내 웹 사이트의 콘텐츠를 축소합니다.

을 사용하십시오! DOCTYPE html은 높이가 120 % 인 웹 사이트의 첫 번째 섹션을 축소합니다. HTML과 몸체의 높이를 100 %로 만드는 것과 같은 스택 오버 플로우의 모든 솔루션을 시도했지만 아무 것도 효과가 없었습니다. 내가 CSS 아래 사용하는 경우<! DOCTYPE html>은 내 웹 사이트의 콘텐츠를 축소합니다.

은 첫 번째 섹션을

.first-section{ 
    height: 120%; 
}

을 축소 내가 픽셀 대신 비율를 사용하는 경우가 CSS 아래 제대로

.first-section{ 
    height: 600px; 
}

를 작동 사용하는 경우, 제대로 작동합니다. 첫 번째 섹션이 백분율 값으로 작업되기를 바랍니다.

출처

2017-11-09 gowtham Balasubramanian

리셋 CSS를 사용할 수 있다고 생각합니다. 이것은 [Css Reset] (https://cssreset.com/what-is-a-css-reset/) –

-1

<!DOCTYPE HTML> 페이지가 보이거나 작동하는 방식에 영향을 미치지 않아야합니다. <!DOCTYPE HTML>은 렌더링되는 문서가 html 문서임을 브라우저에 알리기 만하면됩니다.

출처

2017-11-09 12:48:37

false입니다. doctype은 렌더링에 영향을 미치고 브라우저를 단점 모드로 보낼 수 있습니다. – NDM

대부분의 브라우저가 아닌 경우 대부분 구식 렌더링 (별칭 모드) 및 새 스타일 렌더링 (표준 준수 모드)이 있습니다. DOCTYPE을 설정하면 모드가 변경됩니다. 자세한 정보 : https://www.quirksmode.org/css/quirksmode.html –

내 페이지 콘텐츠를 축소하는 이유는 무엇입니까? ** doctype **을 포함 할 때만 발생합니다. –

body{ 
    margin: 0; 
    padding: 0; 
} 
.first-section{ 
    margin: 0; 
    padding: 0; 
}

당신의 몸 또는 "첫 번째 섹션"클래스와 div 요소는 원치 않는 패딩이나 마진을 얻을 수 있습니다.

출처

2017-11-09 12:55:49 Zsombor

<! DOCTYPE html>은 내 웹 사이트의 콘텐츠를 축소합니다.

답변

관련 문제