웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 반응형 열 레이아웃 본문

웹프로그램밍 자료실/기타 자료

[해피CGI][cgimall] 반응형 열 레이아웃

해피CGI윤실장 2019. 8. 7. 09:01

브라우저 창 크기를 조정하여 열 조정되는 반응형  레이아웃 css입니다.


https://webdesignerwall.com/tutorials/responsive-column-layouts
미디어쿼리를 이용하여 뷰포트 너비에 따라
4열에서 3열 , 3열에서 2열로 자동 변경되는 반응형 열 레이아웃 CSS입니다.
복잡한 구조를 간단한 CSS를 이용하여 구성이 가능합니다.


IE 11이하에서는 지원하지 않으나, 관련 자바스크립트 사용시 지원가능합니다. 




홈페이지바로가기

Comments