팀장님이 앞으로 100vh를 사용할 일이 생기면 아래와 같이 쓰라고 하셨다.
calc(var(--vh, 1vh) * 100);
ex)
height: calc(var(--vh, 1vh) * 100);⁉️ 이유는?
모바일 브라우저에서 100vh 값이 툴바 등으로 인해 부정확하게 계산되는 문제를 해결하기 위해 사용된다.
calc() 함수를 사용하여 vh 단위를 사용하되, 'var(--vh, 1vh)'를 통해 --vh 변수를 사용하고, 초기값을 1vh로 설정하여 유연성을 높인다.
이 변수를 통해 계산된 값을 100을 곱하여 100vh를 정확하게 표현한다.
