브라우저가 윈도우 모드 일 때 요소의 너비가 더 큽니다

Question

기본적으로 저는 처음으로 웹 사이트를 만들려고 노력하고 있으며 이미 문제가 있습니다.

내비게이션 막대를 만들고 있는데 모두보기 좋아하지만 브라우저를 창 모드로 설정하자마자 내비게이션 막대가 원래대로 넘어가므로 옆으로 스크롤하여 끝까지 가야합니다. .

P. 나는 그것을 이해하려고 여전히 stackoverflow에 새로운 사람이다. 그래서 나는 내가하지 말아야 할 일을 할 수도 있고, 그냥 알려주고 그것을 고치려고 노력할 것입니다.

편집 1 : Google 크롬을 사용하고 있습니다.

여기에 전체 코드와 JSFiddle입니다 : 머리글과 바닥 글을 보면 http://goo.gl/Z5wvTn

, 메인 섹션과 탐색 표시 줄이 실제로보다 넓은 것을 볼 수 있어야합니다. 네비게이션 바 및 기본 섹션은 div 내에 있고 다른 요소는 arent입니다. 이 효과는 JSFiddle이 없으면 훨씬 더 큰 스케일입니다.

Answer 1

당신이 뭔가를 만들려면 : JSFiddle

예, 다음 @Aayushi 자이나교와 @Shivam 사용 래퍼 말씀을 바탕으로 pixels

Answer 2

놓고 header 및 footerwrapper div에서 다음 decrease or adjust.wrapper div in your css의 width.

jsFiddle

Answer 3

대신에 % 또는 em를 사용하는 경우 비율로. 이렇게하면 래퍼가 창 화면에 따라 응답합니다.

당신이 그것에 대해 더 알고 싶다면 반응 형 디자인을 찾으십시오.

내 버전은 고정 폭을 정의하는 대신 래퍼에 너비 : 100 %를 추가하는 것입니다.

@Aayushi Jain과 같은 ems 및 %에 대한 연습도 언급했습니다.

.wrapper { 
    width: 100%; 
}