모바일 장치에서 원하지 않는 스크롤 가능한 가로 공간

Question

Bulma CSS 프레임 워크를 사용하여이 웹 사이트 http://104.236.64.172:8081을 구축 중입니다 (아마 무관). 사이트는 반응이 좋으며 전반적으로 해결할 수없는 작은 문제를 제외하고는 모바일 장치에서 크게 보입니다.

휴대 전화에서이 링크를 열면 오른쪽에 원치 않는 가로 공간이 있음을 알 수 있습니다. 좀 여분의 것 같아. margin-right. 하지만 문제는 작은 너비의 큰 화면에는 보이지 않기 때문에 바탕 화면에서 디버깅 할 수 없다는 것입니다. 이걸 디버깅하도록 도와 주시겠습니까?

Answer 1

cont 클래스에서 overflow-x를 숨김으로써이 문제를 해결할 수있었습니다. 예를 들어

는 :

.cont { 
    max-width: 1110px; 
    margin: 0 auto; 
    overflow-x: hidden; /* THIS */ 
} 

나는 계속의 아이 클래스에서이 같은 구현을 추가했지만,이 문제를 그것의 부모와 함께했던 방식을 해결하는 것 같지 않았어요. 누군가가 더 나은 (또는 더 안전한) 해상도를 가지고 있다면 나중에이 방법으로 원하지 않는 결과가 발생할 수 있으므로이 대신 자유롭게 사용하십시오.

팁처럼, 모바일 장치에서 사이트를 사용하여 재생하기 위해 웹 브라우저 (내 경우 Chrome) 검사 기능을 사용할 수 있어야합니다. Here's a quick walkthrough.