풀스크린 만드는 공식

2021. 7. 22. 18:57TIL/웹퍼블리셔취업과정

728x90

width: 100%;

height: 100vh;

 

▶ body 안에서 직계자식의 블록요소는 height: 100% 적용이 안되기 때문에 높이값에는 vh를 사용해줘야 함

 

 너비값을 100vw로 지정하면 세로 스크롤이 있는경우 가로 스크롤이 생성되기 때문에 너비값에는 %를 사용해줘야 함

- 100%는 세로 스크롤바를 포함한 안쪽 너비

- 100vw는 세로 스크롤바를 제외한 안쪽 너비