100vh 사용시 미세하게 남는 여백을 어떻게 찾아야 할까요?

Question

총 4개의 페이지인데 모두 100vh를 사용하여 높이를맞춰뒀는데 첫번째 페이지를 제외한 2,3,4번째 페이지에는사진과 같이 미세한 여백이 생기며 마지막 페이지에서남아있는 여백만큼 아래로 스크롤이 더 됩니다.문제가 뭘까요?

하태연 · Answer

마진과 패딩을 초기화(제거)하고 바디랑 원하시는 영역 맞춰주시면 될 것 같습니다. * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100vh; } .container { height: 100vh; }

kimhwanhoon · Answer

그리고 요즘 vh안 쓰고 dvh씁니다. vh로 쓰면 폰에서 (특히 아이폰 사파리 등) 제대로 안 나옵니다.. dynamic vh로 쓰시면 됩니다. 그리고 저 여백 찾는건 cmd+shift+c 누르셔서 커서 엘레멘츠에 갖다대면서 찾으시면 됩니다.

100vh 사용시 미세하게 남는 여백을 어떻게 찾아야 할까요?

2개의 답변

#css 목록