기본적으로는 @media 쿼리를 사용하면 되지만 현재 IE쪽에서 제대로 지원하지 않는다.

jquery의 Media Queries 플러그인을 이용하면 IE에서도 동일한 syntax로 브라우저를 식별할 수 있도록 처리 가능하다. ( http://protofunc.com/scripts/jquery/mediaqueries/ 참고 )

브라우저 별로 다양한 스타일을 적용한 예제 사이트 : http://hicksdesign.co.uk/
데스크탑 브라우저에서 열어서 가로 사이즈를 움직여 보면 브라우저 크기별로 4단계의 서로 다른 레이아웃이 동적으로 적용되는 것을 볼 수 있다.

페이스북 수집기 모바일 지원작업 시작.
웹 프론트엔드쪽 작업해보니 정말 IE가 싫어진다...;;

Posted by leafbird 트랙백 0 : 댓글 0

댓글을 달아 주세요