각 섹션이 화면에서 전체 높이 인 것처럼 한 스크롤 페이지를 만들고 싶습니다.
하지만 100vh를 사용하면 전체 화면 높이가 아니라 95 %에 가깝습니다.
예를 들어 http://i283951.iris.fhict.nl/stack/ 링크 입니다.
그리고 화면 : http://postimg.org/image/rc9g3sykh/
추신 : 첫 번째 섹션은 100vh를 보여주고 다음 섹션은 문제입니다.
CSS에 아래 코드를 추가하면 문제가 해결됩니다.
html,body{
margin:0;
}
이것은 기본 여백이 8pxCSS를 사용하여 재정의하기 때문에 발생 합니다.
여백 세트가있는 그림 :
#Orange{
height:100vh;
width:100vw;
background:orange;
}
body{
margin:0;
padding:0;
}<div id="Orange"></div>margin:0조정 없이 :
#Orange{
height:100vh;
width:100vw;
background:orange;
}
body{
padding:0;
}<div id="Orange"></div>이 코드를 추가하면 컨테이너의 여백이 조정됩니다.
.container-fluid{
margin-top: 0;
margin-bottom: 0;
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다