미디어 쿼리를 사용할때
<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이하 지원 스크립트를 적용해야 정상적으로 동작한다.
그 반대로 하면 정상적으로 실행되지 않음.)