<h3><img src="https://cdn.inflearn.com/public/files/posts/76944cb0-840e-4f49-88a9-07602e84cf7f/스크린샷 2022-07-08 오전 10.02.50.png" alt="" title="스크린샷 2022-07-08 오전 10.02.50.png" width="996" height="744">d위 이미지처럼 가로 스크롤이 생기는 데 overflow-x: hidden 기능이 적용되지 않아서 생기는 문제일까요?</h3>

<p>저도 엣지 브라우저에는 모바일로 보면 저런 현상이 있더라고요 크롬으로 한번 확인해 보세요 </p>

<p>overflow-x: hidden이 적용되면 스크롤은 안생기지만 잘려서 표시되기는 문제가 생긴답니다. 크기 자체가 브라우저 크기에 맞도록 만들어진 예제이기 때문에, 캔버스 크기나 css에서 브라우저 크기보다 넘치게 세팅된게 있는지 체크해 보시면 좋을 것 같습니다.</p>

Inflearn Community Q&A

overflow-x:hidden을 사용했는데, 모바일 화면에서 우측이 잘리고 가로 스크롤이

d위 이미지처럼 가로 스크롤이 생기는 데 overflow-x: hidden 기능이 적용되지 않아서 생기는 문제일까요?