em,rem,vw,vh 어떨때 보통 많이쓰나요?

Question

회사에서는 테일윈드를 쓰기도해서 sm: md,xl 2xl..이런식으로 보통 반응형처리를해줬었는데집에서 손코딩하면서 다른 사이트 f12로 카피하면서하는데 저런 단위가보여서요,저렇게 쓰는 이유가 정확하진않지만, 보통 화면 크기마다 자연스럽게 바뀌어야할 때 쓰는걸로 알고있는데그럴필요가있는지 궁금합니다. 아니면 혹시 이런 엣지케이스때문인가요? 예를들면 md,xl sm같은 부분에서는 못잡아내는 화면을 조금씩 줄이다보면 md사이즈 혹은 sm사이즈가 걸리기전에 레이아웃이 깨지는 부분들을 커버하기위함인가요?

엽토군 · Accepted Answer

요즘 브라우저들은 기본 zoom 설정과 기본 글꼴 사이즈 설정이 따로 있습니다. 글자 크기를 r/em으로 잡아 주면, 이 브라우저 설정들을 섞어서 쓸 때도 글자 크기 상대비율/질서가 최대한으로 유지된다고 알고 있습니다.

녹호 · Answer

vw vh는 보통 쓸수밖에 없는 경우가 많고요(그게아니면 미묘한 차이로 스크롤이 생긴다든지 하는 문제)em, rem은 한 단위랑 엮어서 전체를 한 템플릿으로 만들 수 있습니다. css한줄만 바꿔주면 전체 폰트크기가 다 바뀌는거죠.

em,rem,vw,vh 어떨때 보통 많이쓰나요?

2개의 답변

기타 목록