-
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
vh,vw에 관해 질문드립니다.
20.11.11 14:13 작성 조회수 194
0
안녕하세요 vw,vh에 대해 공부하다가 질문드립니다.
vw,vh가 헷갈려 아톰에 직접 해봤는데
width, heigh 순서로
vh,vh 하면 정사각형
vw, vh하면 가로가 더 길게
vw, vw하면 세로가 더 길게 나오는게 vh,와vw의 차이점이 무엇인가요?
둘다 viewport width와 viewport height인건 알겠는데 왜 height에 vw나 width에 vh를 사용하는지 잘 모르겠습니다!
답변을 작성해보세요.
0
1분코딩
지식공유자2020.11.12
vw와 vh는 값일 뿐이랍니다.
예를들어, 높이가 브라우저에 꽉 차는 정사각형을 만들고 싶다면
width: 100vh; height: 100vh;
이렇게 해야겠지요~ 정사각형은 가로와 세로 값이 같아야 하니까요.
100vh가 브라우저 높이라고 해서 height에만 써야하는게 아니라, 그냥 브라우저 높이의 값일 뿐입니다.
필요하면 어디든 사용할 수 있답니다.
font-size: 50vh;
이런 식으로, 폰트 크기를 브라우저 높이의 절반으로 세팅할 수도 있고요^^
답변 1