CSS : 창의 크기를 조정할 때 창의 너비를 줄이면서 최대 너비를 유지합니까?

나는 폭이 1000px 인 큰 div가 있는데, 다음과 같이 확장 및 축소하도록 수정하려고합니다.CSS : 창의 크기를 조정할 때 창의 너비를 줄이면서 최대 너비를 유지합니까?

사용자가 브라우저 창 너비를 1000px 미만으로 조정하면 해당 div의 크기를 적절하게 조정하고 싶습니다. 마치 너비 : 100 % 사용).

그러나 사용자가 브라우저 창을 1000px 이상의 너비로 확장하면 1000px에 도달하면 div가 더 이상 커지지 않게하고 싶습니다.

width: 100%과 max-width: 1000px;의 조합을 사용하는 것이 가장 좋은 방법이라고 생각했지만이 방법이 효과가 없습니다.

누구나이 방법을 제안 할 수 있습니까? 그 사업부에 대한

내 전체 CSS는 다음과 같습니다

#panel 
{ 
    position: absolute; 
    margin-left: 342px; 
    max-width: 1000px; 
    width: 100%; 
}

출처

2013-02-26 MeltingDog

[피들] (http://jsfiddle.net/DRmtW/)이 있습니다. 왜 절대적으로 위치하며 왜 마진이 있습니까? 페이지에 어떻게 배치해야합니까? – FakeRainBrigand

@FakeRainBrigand 감사합니다. 페이지의 다른 div와 위치에 여백과 위치가 있습니다. – MeltingDog

HTML을 더 추가하고 바이올린을 업데이트 할 수 있습니까? #panel에 대해 CSS를 제공 할 이유가 없습니다. 위쪽, 왼쪽, 오른쪽 또는 아래쪽을 설정하지 않은 절대 위치는 의미가 없습니다. 그리고 절대적인 위치와 마진은 아무 것도하지 않습니다. 안쪽에있는 것들이 상대적인 위치에 있어야한다면, #panel을'position : relative'로 설정하고,'position : absolute'로 설정하십시오. – FakeRainBrigand

는 미디어 쿼리 생각 해 봤나? 1000px보다 좁고 화면 적어도 1000px 폭 1000px위한 고정 폭 화면에 대해 100 %의 폭이 적용될

#panel { 
    /* ... */ 
    width: 100%; 
} 
@media all and (min-width: 1000px) { 
    #panel { 
    width: 1000px; 
    } 
}

: 비슷해.

출처

2013-02-26 01:07:37

'position'과'absolute' 라인을 제거하면, 그것이 가지고있는 것의 평등입니다. – FakeRainBrigand

CSS : 창의 크기를 조정할 때 창의 너비를 줄이면서 최대 너비를 유지합니까?

답변

관련 문제