모바일 가로(수평) 스크롤 제거 하기

 

모바일 가로, 수평 스크롤 없애기

웹으로 작업하다가 모바일로 보면 체크하지 못한 부분중에 하나 

숨어있는 영역까지 모바일에서는 보여지게 된다.

 

 

CSS 추가 및 수정 

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

 

그 외의 방법

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1">

위처럼 메타 태그를 수정하거나 추가하는 방법도 해결 방법중의 하나인데

내 경우에는 Css 추가 만으로 해결 되었다.