css1 [html/css] 반응형 웹 적용하기 - 떽떽대는 개발공부 혼자 웹페이지를 만들다가 반응형 웹에 대해 알게 되어 포스팅한다. 반응형 웹은 모바일 호나경이 시작되면서 장치(device)가 다양해지며 해상도의 크기 및 비율이 제각각 다른 경우가 생기며 발생했는데, 이전에는 동일한 비율(1024x768, 1280x960)에만 대응하면 됐지만, 지금은 비율이 매우 다양해지고 해상도가 높아져서 페이지 설계 시 고려할 사항이 많아졌다. 먼저, 모바일 브라우저에서 시도해야 할 부분은 viewport 이다. 이 부분은 html 에서 meta 태그를 활용하여 viewport 의 크기와 초기 줌 레벨 등을 기기에 맞게 적용되도록 선언하는 것이다. /* header 태그 안에서 사용 */ 위의 부분은 vs code 를 이용하여 html 을 생성하면 자동으로 적용된다. 만약 이 부분.. 2021. 2. 17. 이전 1 다음