jQuery Masonry - 유체 레이아웃 문제

Question

Masonry script을 사용하여 website에 상자를 배치했습니다.

브라우저 창 크기를 조정하거나 휴대 전화를 옆으로 돌려 놓을 때를 제외하면 대부분의 브라우저에서 나에게 잘 어울립니다.

벽돌이 없으면 잘 작동하는 유동적 인 레이아웃이 있습니다. 유동성이란 상자가 작은 화면 크기에서 전체 너비를 차지한다는 의미입니다.

Masonry에서는 처음 사이트에 갈 때 여전히 정상적으로 작동하지만 브라우저 창 크기를 조정하거나 휴대 전화를 옆으로 치면 레이아웃이 너무 복잡해집니다. 새로 고침하면 다시 분류됩니다.

이 문제를 해결할 수있는 방법이 있는지 또는 다른 스크립트를 사용해야하는지 잘 모르거나 작은 화면에서 스크립트를 사용하지 않는 것이 가장 좋은 경우에도 확인해야할까요?

누군가가 도움을 호프를 보내고 있습니다.

감사합니다.

Answer 1

내 기억에 가장 잘 따르면, 벽돌은 호출 될 때 요소 치수를 잡고 석조를 수행합니다. 이 치수는 정적 인 것으로 예상되며, 이는 "masoned"레이아웃을 계산하는 방법입니다.

유체 레이아웃과 함께 사용하는 것은 재앙을 대비하는 방법입니다. 그러나 불가능하지 않습니다.

resize 이벤트에서 컨테이너의 masonry()를 다시 호출하기 만하면됩니다.