익스 9 이하 반응형웹 미디어쿼리 적용시

작성자관리자 작성일2012/07/01 조회수957
프린트하기 트위터로 전송하기 새창으로 이동 페이스북로 전송하기 새창으로 이동

반응형웹의 기본인 미디어쿼리는 css3을 지원하는 웹표준 브라우저(익스9,기타 비 ie계열)만 적용됩니다.

익스 9이하에도 미디어쿼리를 적용하는 방법입니다.

1. respond-min.js 을 이용


하지만 이 스크립트를 사용시 HTML 문서내에 백이미지나 POSITION을 사용한 CSS가 있다면 반응이 엄청 늦게 작용합니다. 따라서 두가지 CSS을 사용하지 않는 문서에만  적용하면 잘됩니다.

2. css3-mediaqueries.js
   1과 같은 작용을 한다고하는데 실제 적용해보면 실행되지 않습니다. 적용방법이 아리송함..

따라서 익스9.0 이하에서는 고정폭으로 적용하는게 나을듯합니다. 기타  여러 자바스크립트를 사용해서 적용하는 방법도 
있기한데 홈페이지로딩속도가 늦어집니다.  

IP : 61.75.90.246