모든 것에 최대 높이 설정 - 모범 사례?

Question

나는 현재 타사에 의해 코딩 된 사이트에 일하고 있어요 그리고 나는 그들이 자신의 CSS 파일에 다음과 같은 선언을 추가 발견 : 개발자가이 작업을 수행 한 이유

* { 
    max-height: 99999px; 
} 

내가 궁금하네요. Google에 시도했지만 리소스를 찾지 못했습니다. 이 일을하는 데 어떤 이유/이점이 있다고 생각합니까? 특히 모바일 브라우저에서 밀어 글꼴을 방지하기 위해 사용

Answer 1

그래서 사용 ... 나는 이번 주말에 기사를 읽고 있던 나는 99999px에 max-height 세트를 사용하는 경우에 의미를 않는다는 것을 알게되었다

<meta name="viewport" content="width=device-width, initial-scale=1"> 

과 함께

* { 
    max-height: 99999px; 
} 

같은 단 하나의 O를 구현, 강화 글꼴을 방지 않습니다 내 프로젝트가 성공 했어.

For more information on Font Boosting

---

이전 대답 —

이 우선이에 (표준 웹 사이트/문서에 대해 사실 불가능) 매우 매우 매우 드문 기회 ^{의, 쓸모가 사실로 그 페이지를 height에 놓으십시오. 둘째로 다시 쓸모없는 모든 요소에 적용됩니다. button, input, a 등 큰 것입니다.}

그래서 기본적인 대답은 NO, 그것을 사용하지 않는 등의 부작용이 없다 같은, 당신의 요소에 도달하지 않는 한 height(이 그것을하지 않습니다), 단점은 성능이 그래서, 개발자가 * 선택기를 사용하는 모든 요소에 해당 속성을 할당하는 중입니다 ... 그래서 유용하지 않은 DOM의 모든 요소에 속성을 적용하면 성능에 영향을줍니다. 어떤 이유로 당신이 그것을 사용하는 특정 사용하고 싶다면

---

은, 말하자면, 당신은 어떤 요소가 흐를 수 있지만, 해당를 할당하는 그래서 대신 height에 1000px에서 말을 흐르지 것을 의심하는 모든 요소는 특정 선택을하고 싶은 사용하는 방법

div.class_name { 
    max-height: 1000px; 
} 

말, 그것은 특정이다, 또한, 최적화, 그리고 마지막으로, 의미.