CSS3 - 반응형 웹 만들기 @media

@media 속성을 이용한 화면 크기에 따른 css 적용 screen width 값에 따른 속성을 정의해서 스마트폰, 태블릿, PC 화면 등을 구별하여 정의한다. 사용법 모바일 환경: @media screen and (max-width:767px) { ... } /* 최대 크기가 767 인 것 */ 태블릿 환경: @media screen and (min-width:767px) and (max-width:959) { ... } 컴퓨터 환경: @media screen and (min-width:960) { ... } /* 최소 크기가 960 인 것, 즉 960 이상인 것 */ max-width 에 따라서 적용되게끔 작성한다. 아래 예시 HEADER menu1 menu2 menu3 menu4 menu5 Nye..

원문링크 : CSS3 - 반응형 웹 만들기 @media