CSS media query (1) 썸네일형 리스트형 미디어쿼리로 반응형 웹 CSS 작성하기 반응형으로 포트폴리오 웹을 만들고 있습니다. 오늘은 미디어 쿼리라는 것을 사용해봤는데요, 반응형 웹 코딩을 위해서는 필수로 알아야 하는 요소였어요. 지금까지 왜 몰랐지? 간단히 정리해봅니다. 반응형 디자인이란? 웹을 보는 화면의 크기에 따라서 화면에 최적화된 레이아웃으로 반응하며 변형되는 디자인. 잘 만들어진 예시는 11 powerful examples of responsive web design 에서 볼 수 있다. 반응형으로 디자인된 웹사이트는 데스크톱 모니터, 태블릿, 폰 등 디바이스 화면의 크기에 따라 레이아웃이 변경되는데, 우리가 사용해봐서 알 수 있듯이 주로 디바이스의 가로 폭에 따라 변경됨. Fluid layout 이라고도 함. 이렇게 화면의 사이즈에 따라 단계별로 달라지는 레이아웃을 구현하기.. 이전 1 다음
