CSS % height에 대한 질문

Question

다음과 같이 CSS를 정의하면;

div {height: 50%;} 

는 상호에 대한 다음과 같은 2 개 개의 추가 속성을 지정 할 필요는 가장 현대적인 데스크톱 브라우저 (IE8 +, FF, 사파리) 및 모바일 브라우저에서이 작품 (등 아이폰/아이 패드를) 거기 것인가 브라우저 지원

min-height: 50%; height: auto; 

나는 유체 디자인의 맥락에서이 질문을하고 (즉, 동일한 페이지가 여러 장치 ... 데스크탑/태블릿/모바일 확장 할 수) .. 그래서 저를 선호해야하는지 알려 주시기 바랍니다 접근.

Answer 1

아니요, 필요하지 않습니다.

하지만 높이는 상위를 기준으로합니다. 부모는 기본적으로 높이가 없습니다 (더 정확하게는 그 안에있는 어린이의 높이입니다).

그래서 당신이 필요합니다

body,html { height: 100%; } 

는 그래서 "시작"높이를 지정하고 살아뿐만 아니라 "높이 체인"을 유지해야합니다.

높이 대신 최소 높이를 사용하는 이유는 높이가 고정되어 있기 때문입니다. 높이가 고정되어있는 이유는 내부에 무엇이 있더라도 상관 없습니다. 이것은 올바르게 작동하지 않을 수 있습니다. 따라서 사람들은 최소 높이를 사용하여 원하는만큼 키가 커지지 만 키울 수 있습니다.

최소 높이 문제는 모든 브라우저에서 작동하지 않는다는 것입니다.