웹개발 및 최신 테크 소식을 전하는 블로그, 웹이즈프리
CSS의 미디어 쿼리(Media Query)는 IE 구버전에서 정상적으로 동작하지 않는다. 만약 IE 8 에서 미디어 쿼리를 사용하려면 어떻게 해야할까? 사실 가장 좋은 방법은 IE 8을 지원하지 않는 방법이다. 그 이유는 간단한데 더 이상 MS에서 Support하지 않기 때문에 보안 이슈가 발생할 수 있기 때문이다...
어쨌든 이를 해결하기 위한 좋은 대안이 있는데 이는 바로 Google에서 제공하는 오픈소스를 활용하는 방법이다.
이 방법을 사용하면 대부분의 미디어 쿼리가 잘 동작함을 알 수 있다. 물론 완벽을 보장할 수 없으나 개인적으로 기대 이상의 미디어 쿼리를 보여준다. 이를 적용할 경우 해당 소스를 cdn 또는 서버에 저장하여 사용할 수 있다. 해당 소스는 아래 링크에서 받을 수 있다.
https://code.google.com/archive/p/css3-mediaqueries-js/
참고로 해당코드는 @import 방식으로 동작하지 않는다. 이를 사용하려면 반드시 <style> 또는 <link> 태그를 사용해야함을 명심하자!
어쨌든 이를 해결하기 위한 좋은 대안이 있는데 이는 바로 Google에서 제공하는 오픈소스를 활용하는 방법이다.
이 방법을 사용하면 대부분의 미디어 쿼리가 잘 동작함을 알 수 있다. 물론 완벽을 보장할 수 없으나 개인적으로 기대 이상의 미디어 쿼리를 보여준다. 이를 적용할 경우 해당 소스를 cdn 또는 서버에 저장하여 사용할 수 있다. 해당 소스는 아래 링크에서 받을 수 있다.
* Link URL 바로가기
https://code.google.com/archive/p/css3-mediaqueries-js/
참고로 해당코드는 @import 방식으로 동작하지 않는다. 이를 사용하려면 반드시 <style> 또는 <link> 태그를 사용해야함을 명심하자!
아래의 글도 찾고 계시지 않나요?
