페이지의 동적 너비를 특정 한도까지 만들려면 어떻게해야합니까?

예 : 동적 및 유체가 600px - 1000px 사이이지만 1000px 이후 1000px로 고정되고 600px에서 600px로 고정됩니다. 예를 들어 digg.com을 확인하십시오. 크로스 브라우저 호환 방법을 원합니다. 고맙습니다!페이지의 동적 너비를 특정 한도까지 만들려면 어떻게해야합니까?

출처

2010-04-02 ensnare

내가 제한 사이트와 탄성 폭에 사용되는 코드입니다 - 심지어 IE6에 : 같은 클래스를 사용하십시오 (폭 : 표현 라인은 6으로 거기에있다) :

min-width: 900px; 
max-width: 1280px; 
text-align: left; 
width:expression(document.body.clientWidth < 990? "990px": "auto");

출처

2010-04-02 17:17:27

그래서 최대 너비는 IE6에서 인식됩니까? width : expression은 min-width에 대해서만 지정하면됩니까? 감사! – ensnare

아니요, 최대 너비는 ie6에 의해 인식되지 않습니다 (슬프게도). 그 min-width 표현식은 페이지 래퍼 div (컨테이너라고 부름)에 있습니다. container는 아래의 최대 너비 표현식을 가진 다른 래퍼 (container2라고도 부릅니다) 내부에 있습니다. width : expression (document.body.clientWidth> 1280? "1280px": "auto"); 텍스트 정렬 : 가운데; –

두 div의 전체 코드는 다음과 같습니다. # container2 { width : expression (document.body.clientWidth> 1280? "1280px": "auto"); 텍스트 정렬 : 가운데; } #container, { 최소 너비 : 900px; 최대 너비 : 1280px; 텍스트 정렬 : 왼쪽; width : expression (document.body.clientWidth <990? "990px": "auto"); } –

min-width 및 max-width CSS 속성을 사용하십시오.

body { 
    min-width: 600px; 
    max-width: 1000px; 
}

IE6은 이러한 속성을 지원하지 않지만 최신 버전 (IE7 이상)은 지원하지 않습니다. 다른 모든 주요 브라우저가이를 지원합니다.

출처

2010-04-02 16:42:47

감사합니다. 이 기능은 모든 브라우저에서 작동합니까? – ensnare

IE6 포함? – ensnare

IE 6이 지원되지 않습니다. 그러나 해결 방법은 다음과 같습니다. http://www.doxdesk.com/software/js/minmax.html –

CSS가 좋습니다. 이것은 생각할 필요가 없습니다. 준수를 얻기 위해 여기

.style { min-height: 600px; max-height: 1000px; }

출처

2010-04-02 16:43:38 themoondothshine

페이지의 동적 너비를 특정 한도까지 만들려면 어떻게해야합니까?

답변

관련 문제