한 줄의 코드로 다양한 IE(IE6-IE10) 호환성 문제를 해결하세요

이 글은 주로 한 줄의 코드로 다양한 IE 호환성 문제(IE6-IE10)를 해결하는 방법을 소개합니다. 매우 좋은 방법이며 모두에게 도움이 되기를 바랍니다.

x-ua-호환은 페이지를 구문 분석하고 컴파일하기 위해 IE 브라우저의 모델을 지정하는 데 사용됩니다.

x-ua-호환 헤더 태그는 대소문자를 구분하지 않으며 헤드에서 사용해야 하며 다른 메타보다 먼저 사용해야 합니다. 제목 빼고.

1. 특정 문서 모드를 사용하도록 브라우저를 지정하려면 한 줄의 코드를 사용하세요.

<meta http-equiv="x-ua-compatible" content="IE=9" >
<meta http-equiv="x-ua-compatible" content="IE=8" >
<meta http-equiv="x-ua-compatible" content="IE=7" >

2. 경우에 따라 브라우저의 문서 구문 분석을 특정 버전으로 제한하거나 브라우저를 일부 이전 버전의 성능으로 제한해야 합니다. 다음 방법을 사용할 수 있습니다.

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE9" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE8" >
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" >

이 쓰기 방법을 사용하면 브라우저는 구문 분석에 표준 모드를 ​​사용하거나 구문 분석에 IE5 Quirks 모드를 사용할 수 있습니다.

3. 테스트를 위해 다음 명령문을 사용하여 브라우저가 가장 높은 표준 모드에 따라 페이지를 구문 분석하도록 지정할 수도 있습니다.

<meta http-equiv="x-ua-compatible" content="IE=edge" >

4. 다중 모드 지정. 여러 버전을 쉼표로 구분할 수 있습니다. 이 경우 브라우저는 표준 모드에서 렌더링하기 위해 이 목록에서 지원하는 가장 높은 버전을 선택합니다. 아래 예와 같이 IE8에서 브라우징할 경우 IE9 및 IE10을 지원하지 않기 때문에 IE7의 표준 모드를 ​​사용하여 렌더링합니다.

<meta http-equiv="x-ua-compatible" content="IE=7,9,10" >

관련 권장 사항:

IE 6, 7 및 8에서 투명성과 관련된 호환성 문제를 끝내는 방법

js Date() 날짜 함수 브라우저 호환성 문제 해결

IE 브라우저 호환성 문제 몇 가지 글쓰기 방법을 공유해 보세요