CSS 유체 레이아웃 크기 조정 내용

도와 드릴 수있는 CSS 질문이 있습니다.CSS 유체 레이아웃 크기 조정 내용

'유체'레이아웃으로 웹 사이트를 구축하려고합니다.

모든 웹 사이트 콘텐츠

은 래퍼 DIV 화면이 shirks

에 포함됩니다, 나는 그것이 내용의 함께 래퍼 사업부가 함께 회피하고 싶습니다.

그러나 화면 크기를 늘리면 래퍼 div를 최대 크기로 유지하고 싶습니다. 목표는 기본 해상도 이상으로 이미지 크기가 변경되는 것을 방지하고 텍스트가 바뀌는 형식을 변경하는 것입니다. 단락은 매우 큰 화면에서 한 줄로 표시 될 수 있습니다.

래퍼 DIV에 최대 백분율 및 백분율을 적용 할 수 있습니까? 목표를 달성하기위한 더 좋은 방법이 있습니까?

.wrapper { 
    margin: 0 auto; 
    max-width: 800px; 
    width: 80%; 
    background-color: #ffffff; 
    border: 1px solid; 
    height: 1000px; 
    }

많은 감사, P

출처

2014-09-13 JJJ

미디어 쿼리 사용 ... – ARJUN

예, 당신이 할 수 있고 좋은 방법입니다.

출처

2014-09-13 12:38:23 isogram

고마워요. 나는 80 %가 무엇을 의미합니까 .... 이것은 800px의 80 %를 의미합니까? – JJJ

아니요, 브라우저 창 80 % .. – ARJUN

감사합니다 Arjun, 브라우저 창의 80 %가 800px 이하로 내려 갔을 때? – JJJ

래퍼 DIV에 최대 픽셀과 백분율을 적용 할 수 있습니까?

YES, 당신은

.wrapper { 
    margin: 0 auto; 
    max-width: 800px; 
    width: 80%; 
    background-color: #ffffff; 
    border: 1px solid; 
    height: 1000px; 
    }

width: 80%; 화면 폭 80% (또는 브라우저 윈도우) 수단에 적용 할 수 있으며 max-width: 800px;

최대 폭을 초과하지 CSS의 속성은 지정된 요소 의 최대 너비를 설정하는 데 사용됩니다. 최대 너비 속성은 너비가 인 속성을 무시하지만 최소 너비는 의 너비가 항상 너비의 너비보다 우선합니다.

출처

2014-09-13 13:00:08

Arjun과 Sajad에게 감사합니다. 따라서 브라우저 창의 80 %가 800px 미만으로 내려 갔을까요? – JJJ

@ user2324730 : 예, 항상 브라우저 창 80 %를 차지하며 800px를 초과하지 않습니다 –

@ user2324730 : 대답이 –

CSS 유체 레이아웃 크기 조정 내용

답변

관련 문제