2016-09-03 9 views
1

고정적이고 유동적이며 반응이 빠른 웹 페이지 디자인을 이해하려고하는데, 내가 통과 한 사이트 중 하나가 fixed or fluid입니다. 여기에는 "고정 된 웹 사이트 레이아웃에는 고정 너비의 래퍼가 있으며 그 안에있는 구성 요소에는 퍼센트 너비 또는 고정 너비. " 그 고정 레이아웃은 너비가 백분율이 될 수 있으며, 그것이 나를 혼란스럽게합니다. 백분율 너비를 제공하지 않는 것은 유체 레이아웃에만 해당합니까? 그것은 액체 유체를 만드는 것이 아닙니까? 누군가 나를 설명해 주시겠습니까?고정 레이아웃 웹 페이지에서 가로 세로 비율을 사용할 수 있습니까?

답변

0

기사는 항상 같은 고정 된 크기를 가지고 있기 때문에,

사실에 고정되는 고정 폭의 비율을 "구성 요소가 그 안에 이 비율 폭 또는 고정 폭 중 하나를"말했다.

예 :

컨테이너 성분 1000px 고정 폭이다. 내부 구성 요소 두 개는 너비가 70 % 및 30 %입니다. 처음에는 항상 700px이고 두 번째 매개 변수는 항상 300px입니다. 기사 작성으로

<body style="width: 1000px"> 

    <div style="width: 70%">Component #1, will always be 700px width</div> 
    <div style="width: 30%">Component #2, will always be 300px width</div> 

</body> 

는 "중요한 것은 용기 (래퍼) 요소가 이동하지 않도록 설정되어 있다는 것입니다." 컨테이너 요소의 고정 크기 인 1000px를 제거하면 고정 레이아웃이 손실됩니다.

+0

여기서 컨테이너 란 브라우저 본체를 의미합니까? 그런 작은 의심에 대해 미안하지만 나는 이것에 처음이고 완전히 이해할 수 없다. – titlu

+0

나는 몸, div, 원하는 모든 것을 의미한다. 본문의 크기가 1000px로 고정되어 있으면 고정됩니다. 따라서 백분율로 설정된 하위 요소는 항상 동일한 고정 값을 갖습니다. 내가 대답을 예제로 넣고있다 – Blazeag

+0

지금은 명확한가요? 아니면 아직도 의심의 여지가 있습니까? – Blazeag