왜 화면 크기가 줄어들면 100 % 너비의 배경 div가 화면을 채우지 못합니까?

Question

배경에 100 % 너비의 div가 있고 콘텐츠에 964px 크기의 컨테이너가 있습니다. 화면 크기가 축소되면 백그라운드 div가 더 이상 화면을 채우지 않습니다. 감소 된 해상도로 창을 작성 있습니다

한마디로

http://penknifedesign-studio.com/1st-choice/

Answer 1

, 당신의 배경 div 요소. subnav-contaner 및 what-we-do-container 클래스를 보면 (예 : 모두 width: 100%;) 화면의 축소에 따라 너비가 유지되며 그 중 background 선언은 그대로 유지됩니다.

정말 물어 보려는 것이 무엇입니까?

Answer 2

는 을 styles.css에서 당신은 예를 들어, 많은 클래스에서 고정 폭을 설정

.inside-the-building { 
    width: 964px; 
    margin: 0 auto; 
    padding: 2%; 
    position: relative; 
    box-sizing: border-box; 
} 

당신이 당신의 미디어 쿼리 @media screen and (max-width: 770px)에 도달 할 경우에만 오버라이드 (override)됩니다. 이 중단 점들 사이에는 간격이 있습니다. 내가 대체 제안하는 솔루션으로

모든 예를 들어 width: 100%; 또는 width: inherited에 의한 width: 964px; : 정말 내가 100 % 넓은 배경 이미지/색상을 가지고 내부 용기를 가질 수있는 방법을 문의하기 위해 노력하고있어

.inside-the-building { 
    width: 100%; 
    margin: 0 auto; 
    padding: 2%; 
    position: relative; 
    box-sizing: border-box; 
}