HTML\CSS
[HTML/CSS] 미디어 쿼리를 활용한 반응형 웹 사이트
쇼핑몰을 주제로 토이 프로젝트를 진행하면서 이번에는 모바일 기기에서도 자연스럽게 렌더링 되게끔 하는 것을 목표로 했다. 이번 프로젝트에서는 Emotion 라이브러리를 활용해 컴포넌트 스타일링을 하고 있었고, 일반적인 미디어 쿼리를 사용하는 방법과 동일했다.미디어 쿼리를 프로젝트에 사용해 본 것은 처음이었는데 프로젝트 시작 전에는 많은 코드들이 추가될 것이라고 생각했다. 하지만 미디어 쿼리를 사용하는 것이 전체적인 큰 틀에 사용되기 때문에 생각보다 많은 코드가 추가되지는 않았다.이렇게 프로젝트에 적용한 미디어 쿼리 코드들과 결과물을 기록해보려 한다. 1. CSS Media QueryCSS Media Query는 지정한 규칙에 브라우저 및 장치 환경이 일치하는 경우에만 CSS를 적용할 있는 방법을 제공해준..
