반응형을 만들 때 많이 사용되는 상대 단위

반응형을 만들 때 많이 사용되는 상대단위

 

1. %: 어떤 영역에서 어떤 %만큼의 영역을 차지함. (부모박스의 반 채우고 싶으면 50% 또 그 안에 반 채우고 싶으면 50%)

2. vw, vh: view port width / view port height의 약자로 보이는 화면을 기준으로 백분율(%)하여 적용한다. (영역이 기준이 아니라 보이는 화면이 기준)

3. vmin, vmax: view port의 최대, 최소 넓이를 의미한다. vw와 vh를 합친 단위로 vmin은 vw와 vh중 작은 값을 기준으로 하며  vmax는 vw와 vh중 큰 값을 기준으로 한다. 핸드폰에서 많이 사용. min은 작다, max는 크다.