반응형 모바일 기기 수평 스크롤 제거

모바일 웹에서 수평 스크롤이 있을 경우 화면이 좌우로 움직이게 되어 불편하게 된다.

하지만 다음과 같은 CSS 코드를 추가하면 문제를 해결할 수 있다.

 

◊ 방법 1

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

◊ 방법 2

body { overflow: hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }