모바일 장치의 부트 스트랩 컨테이너 관련 문제

Question

웹 사이트의 반응이 빠른 부분을 처리하고 있지만 모바일 장치에 버그가 있습니다. 데스크톱 브라우저에서 반응 형을 테스트하면 모든 것이 훌륭하게 작동하지만 내 iPhone에서 테스트 할 때 발생합니다.

스크린 샷 # 1 스크린 샷 # 3

나는 이유는 모르겠지만 컨테이너가 오른쪽 여백의 일종을 적용합니다. 이미 모든 곳에서 수색되었으며 아무것도 수정하지 않았습니다. 이미 뷰포트를 변경하고 본문에 최소 너비를 추가합니다. 이것은 주 div에 100 % 너비가있을 때 발생합니다.

누군가 내가 이것을 도와 줄 수 있다면, 나는 이것을 매우 고맙게 생각할 것입니다, 왜냐하면 나는 이것을 며칠 동안 고치려고하기 때문입니다.

Answer 1

마지막으로이 문제가 해결되었습니다. 다른 것들을 시도하는 많은 시간 후에 나는 모든 작은 장치에 대해이 CSS를 썼다.

@media (max-width: 768px) { 
html, body { 
width: auto !important; 
overflow-x: hidden !important; 
} 
} 

나는 그것이 최선의 방법인지는 모르지만 내 문제를 해결했습니다. 나는 오랫동안이 버그를 가지고 있었고 지금은 효과가있다.

나를 도우 려던 많은 분들께 감사드립니다. 건배