height를 100%로 주었을 때는 전체 body의 높이가 설정되지 않아 0이라 뜨더라.
기본 화면일 때는 문제 사항이 도드라지지 않았는데 다크모드로 전체 body를 색반전 시키려고하니
문제 상황이 생겼다.
해결
height: 100vh;
%가 아닌 vh로 바꾸면 해결 가능
참고
[CSS] 모바일 웹에서 높이(height) 100% 채우기
스크롤 없이 높이가 100% 꽉 차 있는 모바일 웹 제작 중 ! 일단 모바일 화면을 만들어야 되니 meta 태그를 추가 body에 height를 100vh로 지정하면 높이가 꽉 찬 view를 만들 수 있다 height : 100vh; 이렇게
yelee.tistory.com
#CSS #모바일웹페이지제작 #팀프로젝트