반응형(모바일 웹) 짤림 현상

반응형 웹 작업중 모바일 디바이스 크기에서 x축에 scroll이 생기고 화면이 이동하는 현상이 생김. 이에 밑에 코드를 index.html에 추가

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

아이폰 등 애플 기기에서 아직 문제가 나면 밑에 코드 사용

    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta
      content="minimum-scale=1.0, width=device-width, maximum-scale=1, 
user-scalable=no"
      name="viewport"
    />

이래도 해결이 안되어 html,body란에 overflow-x: hidden 사용