[오류해결] 바닥 여백 생기는 문제

css 작업을 하는데 화면 바닥에 넓은 여백이 생겼다.
margin 등에서 생기는 오류인 줄 알고 이를 하나씩 고쳐봤는데도 이 여백이 사라지지 않는다.

그런데 웃긴 건 이 현상이 특정 화면 사이즈에서만 보인다는 거다.
화면 사이즈를 줄이면 이 여백이 감쪽같이 사라진다.
화면 보기 비율을 120%정도까지만 확대해도 이 여백이 정상적으로 사라져 보인다.

화면 비율을 70%처럼 작게 설정한 경우라면 이해가 가지만 화면 비율이 100%인데도 이 현상이 일어나는 거에 의문이 들었다.

또한 credit의 내용이 많을 때도 이 여백이 나타나지 않았다.

문제 원인

Credits의 전체 내용을 담은 Container div에 min-height: 100vh를 설정해둔 것을 발견했다.
그래서 credit의 내용이 적으면 최소 높이를 채우기 위해 여백이 생기게 된 것.

문제 해결

min-heigt을 제거해줬더니 정상적으로 작동한다.