max-width (1) 썸네일형 리스트형 [CSS] Media Query(미디어 쿼리) 소개와 활용 웹은 PC, 스마트폰 등 수많은 형태의 화면에 맞게 동작해야 한다. 즉 화면의 크기에 따라 웹 페이지의 각 요소들이 반응해서 최적화된 모양으로 바뀔 필요가 있어졌다. 이를 반응형 디자인이라 한다. 반응형 디자인이란 화면 크기에 따라 웹 페이지의 각 요소들이 반응해서 동작하게 되는 것 영어로는 responsive web, 한글로는 반응형 웹 또는 반응형 웹 디자인이라고 한다. 미디어 쿼리에서는 일반적으로 max-width 와 min-width을 많이 사용한다. 그외 높이(height), 색깔(color), 화면의 가로 세로 방향(orientation)화면의 가로 세로 방향 등이 있다. 실제 미디어 쿼리를 사용할 경우 @media라고 써야한다. @media 특정 조건이 참인 경우에만 규칙을 사용하여 CSS .. 이전 1 다음
