본문 바로가기
Programming/HTML+CSS

반응형 웹 - IE9 버전에서도 작동되게 하기

by 막이 2012. 11. 20.

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