본문 바로가기
반응형

mediaquery

mediaquery 반응형 웹 디자인을 위한 mediaquery 인터넷을 사용하거나 모바일을 사용할때 화면의 크기는 사용자마다 제각각 다를 것입니다. 컴퓨터를 사용할때는 해상도나 웹브라우저 크기를 조정하여 사용함에 따라서 달라지고, 모바일의 경우에는 제품마다 그 크기가 달라서 이에 맞춰 웹디자인을 하기는 힘듭니다. 이를 위해 CSS에서 mediaquery를 이용하여 이 문제를 해결할 수 있도록 제공합니다. 사용방법은 다음과 같습니다. @media ( 화면폭 ) { 실행 내용 } 화면폭에는 화면크기의 폭을 설정합니다. 속성은 다음과 같습니다. max-width : 화면 최대 폭 설정 min-width : 화면 최소 폭 설정 @media를 사용할때 모바일 중심으로 디자인할 것인지 아니면 컴퓨터 중심으로 디자인할 것인지를 결정하.. 더보기
반응형
<--! 네이버 애널리틱스 시작작--> <--! 네이버 애널리틱스 끝끝-->

티스토리툴바