반응 형 그리드 요소를 높이로 맞추기

Question

저는 (열 스태킹으로) 반응 형 webdesign을 사용하여 주위를 두렵게하고 있습니다. 현재이 레이아웃을 내 레이아웃에 사용하고 있습니다 : http://www.responsivegridsystem.com/ 제가 생각하기에 아주 산뜻합니다.

나는 벽을 머리에 대고 만 움직이면 높이를 내 열의 크기에 맞추기에 "똑똑하다"고 생각하는 것뿐입니다. 내가 지금까지 가지고있는 무엇입니까 : http://gridtest.uconsult.dk/ 그리고 내가 무엇을 찾고 : http://gridtest.uconsult.dk/gridheight.png 그리드는 행의 높이뿐만 아니라 열 개수에 맞게 노력하고 있습니다.

어떤 방법으로 가능합니까? :-) 나는 이것을 위해 다른 격자를 사용해야 하는가, 아니면 내가 원하는 것을 얻기 위해 어떤 해키 자바 스크립트를 만들어야 만 하는가?

미리 감사드립니다.

Answer 1

바퀴를 재발 명하지 마십시오! David DeSandro는 이미이 작업을 수행 할 몇 가지 jquery 플러그인을 배포했습니다. Masonry은 첫 번째로 잘 작동했으며 Isotope은 정렬과 같은 추가 기능과 함께 원래의 사고 방식을 확장 한 최신 버전입니다. 두 가지 모두 당신이 원하는 동적 그리드 시스템을 만들 수 있습니다.