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

Question

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

Answer

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

Answer

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