기본컨텐츠 영역 반응형 만들기

밑에 캡쳐된 페이지를 보시면 핑크색박스가 기본컨텐츠 영역입니다.

쉽게 알 수 있는 방법은 기본컨텐츠 영역에는 우측하단에 '캐시파일 재생성,설정,페이지 수정' 버튼이 활성화 되어있습니다.

기본컨텐츠영역 외에 위젯들은 이미 디자인이되서 제작된 것들이라 반응형이 바르게 작동되지만 

기본컨텐츠영역 안에는 사용자께서 커스텀하게 구성을 하시기 때문에 반응형을 하기 위한 중요한 사항을 설명드리고자 합니다.

어렵지 않습니다^^!

먼저 위젯을 만들어주시고 원하시는데로 배치해주세요.

그다음 여기서부터 중요!

위젯크기에 들어갑니다. 위젯크기버튼은 여기에 있어요~

위젯크기의 W(가로)를 % 단위로 수정하셔야합니다.

맨위 캡쳐화면의 위젯크기 값입니다. 

33%로 되어있죠? 위의 페이지의 3가지 위젯은 순서대로 W(가로)가 33%, 33%, 34% 로 되어있습니다.

이렇게 총 100%를 맞춰주시면 됩니다.(위젯 2개 구성일경우 80% 20% 또는 50% 50% 이런식으로 100%) 그리고 H(세로)는 비워두십니다.

그럼 자동으로 위젯사이에 간격도 생기면서 보기좋게 구성이 됩니다.(위젯크기에서 외부여백을 주실 필요도 없습니다.)

잊지마세요! W(가로)가 %단위로 들어가야 반응형으로 정상작동됩니다.^^!