내 사이트가 사이드 탐색을 표시하지 않는 이유는 무엇입니까?

-1

정말 저를 괴롭 히고 있습니다. 휴대 전화에서이 사이트를 볼 때 왜 측면이 아닌 중간 섹션 만 표시되는지 잘 모릅니다. 내 옆 탐색이 왼쪽에 있으며 완전히 내 렸습니다. 스크롤 할 수 없습니다.내 사이트가 사이드 탐색을 표시하지 않는 이유는 무엇입니까?

시도 할 수있는 미디어 쿼리가 있습니까? 또는 CSS를 어떻게 든 변경합니까?

미안하지만 나는 모호하지만, 제대로 작동하게하려면 무엇을해야할지 모릅니다.

여기에 어떤 도움을 사전에

덕분에 사이트 www.joetest.comyr.com입니다!

출처

2014-01-25 Joe

문제를 재현 할 수있는 충분한 정보를 질문에 포함하십시오. –

기본적으로 모바일에서 사이트를 볼 때 정의 된 1220 픽셀의 너비를 가진 래퍼 만 볼 수 있습니다. 사이드 탐색 바는 래퍼 안에 있지만 margin-top과 margin-left가있는면에 오프셋되어 있습니다. 브라우저를 줄이면 똑같은 동작을합니다. 브라우저/모바일이 페이지의 100 %를 표시하지 않는 이유를 모르겠습니다. 도움이 되길 바랍니다 – Joe

"충분한 정보"는 문제를 시연하기에 충분할만큼 HTML과 CSS가 포함되어 있습니다. –

최대 너비가 아닌 #main 페이지 너비가 있으므로 페이지가 축소되어 #mainpage가 전체 화면을 차지합니다. 또한, 화면 크기가 작을 때 #leftpanel에서 음수 여백을 왼쪽으로 설정하면 화면에서 꺼내게됩니다. 난 지금 귀하의 사이트를 방화범을 사용하여 주위를 어지럽히고 있었고 마진 왼쪽 속성을 제거하여 브라우저의 크기를 조정하면서 페이지의 메뉴를 유지할 수있었습니다.

작은 화면에서 정확한 레이아웃을 유지하려면 HTML 구조를 변경해야합니다.

출처

2014-01-25 22:56:29 Longblog

그러나 #leftpanel에서 음수 여백을 제거하면 메인 페이지 안에 다른 내용을 차단하는 부분이 있습니다. – Joe

그래서 html 구조 변경을 제안했습니다. 왼쪽 메뉴를 컨테이너 div 안에 넣으면 음수 여백을 사용하지 않아도됩니다. http://jsfiddle.net/75E5W/ – Longblog

내 사이트가 사이드 탐색을 표시하지 않는 이유는 무엇입니까?

답변

관련 문제