IE6에서 최대 너비와 최소 높이가 지원되지 않는 문제에 대한 해결 방법

오늘은 max-width 및 min-height이 IE6에서 지원되지 않는 문제에 대한 솔루션을 제공합니다.

전체 페이지 콘텐츠가 풍부하지 않은 경우에도 아름다운 표시를 위해 페이지의 최소 높이를 설정하는 경우가 종종 있습니다. 설정된 너비를 초과하지 않고 이미지의 최대 너비를 설정하면 min을 사용하여 최소 높이를 설정할 수 있습니다. - 높이. max-width CSS 속성을 사용하여 최대 너비 제한을 설정합니다. 그런데 문제는 IE7 이상 버전에서는 지원하지만 IE6만 min-height, MAX-height, max-width, min-width을 지원하지 않는다는 점입니다.

DIVCSS5는 CSS 해킹을 사용하는 솔루션을 소개합니다. 일반적으로 우리는 개체의 너비나 높이를 설정합니다. 그림이나 콘텐츠가 설정된 너비보다 크면 IE6에서는 설정된 너비와 높이를 깨뜨립니다. 이를 사용하여 IE6의 고유한 CSS 인식을 사용하여 "_"과 일치하도록 추가하여 문제를 해결할 수 있습니다

예를 들어 웹페이지가 보기 좋게 보이려면 최소 높이를 500px로 설정해야 하지만 IE6이 그렇지 않으면 어떻게 해야 합니까? 지지해?
CSS 속성을 사용하여 왼쪽에서 오른쪽으로 읽고 아래쪽 및 오른쪽 CSS 속성 값을 위에서 아래로 반복되는 속성으로 바꾸는 경우가 있습니다.

구체적인 CSS 코드는 다음과 같습니다.

.div{min-height:500px;_height:500px;}

참고: 순서에 주의하세요. 전자는 IE7 이상에서 모든 IE, Firefox, Google에서 지원되지만 후자는 IE6에서만 지원됩니다. . 이 문제를 해결하려면 CSS HACK 및 CSS 읽기 순서를 활용하면 됩니다.

물론, 다음과 같은 CSS 코드도 있습니다:

.div{height: expression(this.height> 500 ? 500 : true);  max-height: 500px;}

그러나 이 CSS 코드는 로딩 후 이미지가 제대로 표시되지 않는 원인이 됩니다(이미지가 무작위로 줄어들어 정상적으로 표시될 수 없습니다)

따라서 사용하는 것이 좋습니다 min-height:500px;_height: 500px; IE6이 최대 및 최소 속성을 지원할 수 없는 문제를 해결합니다.

이 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

카멜 표기법 명명 및 JS에 대한 질문에 대한 답변

JS의 부울 값, 관계 연산자 및 논리 연산자에 대한 자세한 설명과 예 ​​

프런트엔드 js 요약 프레임워크 및 용도 설명

위 내용은 IE6에서 최대 너비와 최소 높이가 지원되지 않는 문제에 대한 해결 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!