📱 모바일에서의 100vh 😫

모바일에서 100vh는 100vh가 아니당 😭

모바일 화면에서 스크롤 없이 화면을 가득 채우고 싶은 경우,
html, body { width: 100%, height: 100% }로 설정하고 이후로도 자식 태그에게 모두 width, height 100%로 설정해주세요.
하지만 여기서 제일 중요한 것은 태그 안의 최상위 부모가 되는 태그에 position: fixed, overflow: hidden을 줘야한다는 것 잊지 마세요.

*출처: https://velog.io/@onerain92/CSS-%EB%AA%A8%EB%B0%94%EC%9D%BC-%EC%9B%B9%EC%97%90%EC%84%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4%EC%9D%84-%EB%A7%8C%EB%93%A4%EC%A7%80-%EC%95%8A%EA%B3%A0-%ED%99%94%EB%A9%B4%EC%9D%84-%EA%B0%80%EB%93%9D-%EC%B1%84%EC%9B%8C%EB%B3%B4%EC%9E%90

Reference

• https://hot-time.tistory.com/1214
• https://bbol-world.tistory.com/73
• https://velog.io/@onerain92/CSS-%EB%AA%A8%EB%B0%94%EC%9D%BC-%EC%9B%B9%EC%97%90%EC%84%9C-%EC%8A%A4%ED%81%AC%EB%A1%A4%EC%9D%84-%EB%A7%8C%EB%93%A4%EC%A7%80-%EC%95%8A%EA%B3%A0-%ED%99%94%EB%A9%B4%EC%9D%84-%EA%B0%80%EB%93%9D-%EC%B1%84%EC%9B%8C%EB%B3%B4%EC%9E%90