CSS3 @media Query IE9이하 적용방법

미디어 쿼리를 사용할때 

<link rel=“stylesheet” href=../css/sampleFile.css” />

위와같은 css만 적용하면 된다.(미디어쿼리 템플릿은 알고 있다고 가정하에)

    

그러나 IE9이하의 버전에서는 CSS3의 미디어쿼리 문법을 지원하지 않아 사용할 수 없다.

IE9이하버전에서도 미디어쿼리를 사용하기 위해서는

       <!–[if lt IE 9]>      

<script type=”text/javascript” src=”https://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js“></script>

    <![endif]–>    

      위의 문장을

<link rel=“stylesheet” href=../css/sampleFile.css” />

스크립트 다음에 입력하면 9이하 버전에서도 사용할 수 있다.

(소스코드가 상단부터 처리가 되어 css파일 먼저 선언되고, 그 후 IE9이하 지원 스크립트를 적용해야 정상적으로 동작한다.

그 반대로 하면 정상적으로 실행되지 않음.)

 

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다