max-width1 개인 이력서 - 반응형 웹 디자인 적용기 반응형 웹 디자인이란? 반응형 웹 디자인이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC 등 접속하는 디스플레이의 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹페이지 접근 기법을 말합니다. 개인적으로 만든 이력서 페이지에 처음으로 반응형 웹을 적용시켜 보았습니다. PC버전, 테블릿 버전(모바일 가로모드 포함), 모바일 버전에 대해 각각 적용시키기로 했고 우선 Figma로 간단한 레이아웃 와이어 프레임 설계를 했습니다. 스타일은 scss를 적용하였습니다. 1. 공통 mixin 파일에 media쿼리로 각 기기별 최대 width 픽셀값을 적용해줍니다. // 기기별 최대 width px $mobile-max: 767px; $tablet-max: 1023px; // 기기별 최소 width px $mo.. 2023. 10. 22. 이전 1 다음
