Moong

화면 너비에 따라 요소들이 완벽하게 똑같은 비율로 늘고, 줄도록 만들고 싶을 때가 있죠! 그럴 때를 위해 제가 만든 유용한 sass 함수들을 소개시켜드리도록 하겠습니다 길이 단위 종류 우선 웹에서 사용하는 길이 단위의 종류에는 무엇이 있는지 살펴보겠습니다. 단위 종류 설명 절대적 / 상대적 길이 단위 px 픽셀 (1px = 1/96th of inch) 절대 em 글꼴 크기 / 부모의 x배를 나타냄 상대 rem 글꼴 크기 / html 크기의 x배를 나타냄 상대 vw 화면 너비의 x%만큼의 크기를 나타냄 상대 vh 화면 높이의 x%만큼의 크기를 나타냄 상대 % 부모의 x%만큼의 크기를 나타냄 상대 여기에서 우리는 화면 너비에 따라 크기가 변하도록 만들어야 하므로, 화면 너비와 관련이 있는 단위인 vw 를 사..