사이트가 더 작은 화면 크기로 조정되지 않아야합니다.

Question

여기에 코드를 일부 삭제 하겠지만 URL을 제공하는 것이 가장 좋습니다. 무슨 일이 일어나고 있는지 사이트가 다양한 화면 크기에 맞게 잘 조절되고 CSS 및 HTML에서 일부 조정을했는데 현재는 그렇지 않습니다. 나는 오늘 그것을 이해하려고 애쓰는 데 더 많은 시간을 보냈습니다. 나를 미치게 만들었다.

http://lcc.outervenue.com가 살펴보고 나에게 내가 문제를 일으킬했던 바보 같은 일을 말씀 :

여기 링크입니다. 사전에

감사합니다 ...

Answer 1

나는 당신이 응답하는 웹 사이트를 만들려고 노력하지만, 아직이 개념에 익숙하지 않은 생각합니다.

@media all and (max-width: 720px) { 
    #outermost{ 
    width:600px; 
    } 
} 

이 브라우저 창 폭이 작거나 때 600PX에 아이디 #outermost와 사업부의 폭의 크기를 조정하는 브라우저에 지시 :

당신과 같은 미디어 쿼리를 추가하여 CSS 개선을 시작할 수 있습니다 720px와 같습니다.

제안 된 접근 방식은 부트 스트랩과 같이 잘 정의 된 반응 형 CSS 프레임 워크를 사용하여 페이지에서 더 나은 그리드 시스템을 활용하는 것입니다.

여기 부트 스트랩 그리드에 대한 자세한 읽기 : http://getbootstrap.com/css/#grid

Answer 2

을 나는 메뉴도 반응하지라고 생각합니다.

"#header"및 "#menu"클래스의 일부 CSS 속성을 변경해야합니다. 두 클래스 모두 "display : table-row"속성을 "display : block"으로 바꾸십시오.

Answer 3

확인. 결국 그 문제를 발견했습니다. 이것이 "때로는 가장 간단한 일"의 교훈이되게하십시오.

누락 된 ";" CSS 파일에서. 아래를 참조하십시오 : CSS에서

#menu { 
    display: table-row 
    width: 100%; 
    height: 50px; 
} 

Answer 4

는 폭이 width: 100%;