CSS3 @media 쿼리는 IE6~8 브라우저에서는 지원되지 않는다. 그래서 Javascript로 구현된 respond.js를 이용해서 이 문제를 해결해야한다.
https://github.com/scottjehl/Respond 에서 git로 받거나 zipbal이나 tarbal을 받아서 respond.min.js를 코드에 추가한다. respond.js를 추가한 코드를 IE8에서 적용을 해보자. (respond.js는 IE6까지 지원한다.)
<!DOCTYPE HTML>
<html>
<head>
<link href="css/master.css" rel="stylesheet"/>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>@media query test</h1>
</body>
</html>
'Programming > HTML/CSS' 카테고리의 다른 글
| 글자 형태 태그 (0) | 2012.11.29 |
|---|---|
| 반응형 웹 - 단점 (0) | 2012.11.20 |
| 반응형 웹 - 미디어 쿼리의 구조 (0) | 2012.11.20 |
| fieldset, legend (0) | 2012.10.26 |
| frame과 iframe의 차이 (0) | 2012.09.07 |
