[HTML] 뷰포트 오른쪽 흰색 여백 현상 해결

2022. 7. 13.공부/HTML,CSS

728x90

도큐먼트가 뷰포트의 width 100%를 차지하지 않는 현상.. 1차, 2차 프로젝트 개발에서 모두 이 현상을 겪었다.

= 작업 환경 설정 시 필수 셋팅이 필요한 사항 해결 방법은 아래와 같다.

 

1. 헤더 안에 메타 태그를 작성한다.

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1, maximun-scale=1, user-scalable=no">

 

2. html, body 태그에 max-width:100%, overflow-x:hidden 속성을 준다.

  html, body {
    max-width:100%;
    overflow-x:hidden;
  }