반응형 개발을 하다보면 보통 Chrome 개발자 툴 같은 것을 이용하며 개발을 할 것이다. 문제는 개발툴을 이용해서 만들면 잘 나오는데, 실질적으로 배포를 해보면 브라우저의 주소창 때문에 다르게 나오는 것을 알 수 있다. ↑브라우저 주소창 때문에 우리가 만든 사이트가 제대로 나오지 않을 수 있다. 해결방법 .my-element { height: 100vh; height: calc(var(--vh, 1vh) * 100); } css를 위와 같이 만들어 주고 js는 아래와 같이 사용하면 된다. let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty("--vh", `${vh}px`); 위의 코드는 height 100을 적용하..
