크기 조정시 내 문서의 몸통이 뒤틀림

방금 클라이언트 용 웹 사이트를 개발하기 시작했고 이전에 결코 만난 적이없는 문제가 발생했습니다.크기 조정시 내 문서의 몸통이 뒤틀림

브라우저의 크기를 다시 조정하기 시작하면서 페이지 몸체가 오른쪽으로 매우 귀찮은 표시 줄을 남기고 내 컨테이너를 감싸기 시작합니다. 배경을 변경했을 때 문제의 원인이되는 신체 요소 인 것으로 확신합니다. 색상과 포장이 그 색상으로 나타납니다.

유동적 그리드 시스템에이 사이트를 구축했지만 이전 버전에서는이 문제가 발생하지 않았지만 고객은 이전 버전에서 구현 된 적응 형 스타일을 좋아하지 않았기 때문에 반응 형 동작을 변경하여 문서의 주 래퍼.

내 사이트는 내 테스트 서버 (http://ajsimsdesign.com)에서 볼 수 있습니다. 브라우저의 크기를 약 400px로 끌어서 위에서 설명한 문제를 찾아서 스크롤하십시오.

내 사이트가 이와 같이 작동하는 이유에 대한 제안은 많은 도움이 될 것입니다. 완전히 부끄 럽습니다. 내가 콘솔에서 전원을 끄면 보인다

.container, 
.navbar-static-top .container, 
.navbar-fixed-top .container, 
.navbar-fixed-bottom .container { 
    width: 940px; <-THIS 
}

가 작동 :

출처

2013-06-18 Alex

재현 할 수 없습니다. 나는 다른 문제를 보지만 오른쪽에 바는 없다. 어떤 브라우저를 사용하고 있습니까? – jtheman

내게는 "컨테이너 .navbar-static-top. 컨테이너, .navbar-fixed-top. 컨테이너, .navbar-fixed-bottom. 컨테이너"CSS가 1170px에서 940px로 바뀌는 브라우저 특정 크기에 도달합니다 - 즉 유체에 문제가 있습니다. 이 JS 컨트롤이 있나요? – MeltingDog

당신은 라인 299에 폭을 제거 시도 할 수 있습니다.

출처

2013-06-18 22:52:16 MeltingDog

+1이 문제를 해결합니다. 너 나 앞에있어! – redditor

페이지 소스 124에서 시작하는 div.container.videos는 940 픽셀 아래로 유동적으로 조정되지 않습니다. 크기를 940px로 설정하는 코드는 bootstrap.css의 299 행입니다. 다양한 중단 점에서 크기를 조정하기위한 적절한 규칙을 추가하기 만하면됩니다.

출처

2013-06-18 22:54:24 Chris

크리스! 나는 반응 형 스타일을 다시 쓸 때 그 점을 놓쳤다는 것을 믿을 수 없다. – Alex

크기 조정시 내 문서의 몸통이 뒤틀림

답변

관련 문제