Responsive Web

반응형 웹 : 화면 너비에 따라 유동적으로 변하는 유동형 레이아웃, 이미지, 미디어 쿼리를 이용하여

사용자 환경에 반응하는 웹 방법론

CSS3 에 Media Query는 IE9, Chrome, Safari, Firefox, Opera. 이이폰용 모바일 사파리가 지원됨

하기는 미디어 쿼리 간단 문법

@media all and (min-width:980px) {

    /* 화면 너비가 980px 이상, 미디어 쿼리 지원시 실행 */

    .content { float:left; width:600px }

    .nav {float:right; width:300px }

}

역시 개인 블로그의 최대의 장점은 자유로운 테스트와 자유로운 자료 공유에 있는듯 하다.

그러므로 나는 자유로운 영혼...크큿

반응형 웹의 테스트를 간단히 해보았다.  설명도 조금 더 붙이고...

반응형 웹  http://www.spatium.co.kr/test/responsive.php