2012-07-11 2 views
2

이 문제의 원인은 확실하지 않지만 유체 레이아웃을 사용하여 상자의 너비가 25 %이고 행당 4 개의 상자가 있습니다. 크기가 조정되면 간헐적 인 오류가 발생하여 4 열이 깨진 두 열로 바뀌는 것을 발견했습니다. 내 비디오보기 : http://cl.ly/0s172D303X1M3H1v161z (브라우저 링크에서보기 클릭).Isotope - Fluid & masonry layout이 두 개의 열로 나누어집니다.

브라우저 전체에서 문제가 발생하는 것으로 확인되었지만 일부 브라우저에서는 작동하지만 다른 브라우저에서는 작동하지 않습니다. 누구든지 고칠 방법을 알고 있습니까?

jsFiddle

은 여기에 있습니다 : 나는이 두 플러그인 절대 픽셀 값을 사용하여 가장 적합한 것으로 나타났습니다 http://jsfiddle.net/TVXve/

답변

2

내가, 내가 동위 원소의 GitHub의 페이지에서 문제를 통해주의를 환기 것이라고 생각 :

이 버그 것 같습니다 https://github.com/desandro/isotope/issues/222

, 아이템의 너비를 24.5 %로 설정해야합니다. 이렇게하면 틈새 문제가 발생하지만 (원활한 그리드를 원한다면) 적어도 사람들이 올바른 방향으로 나아갈 수 있도록 도움을 주어야합니다.

1

. columnWidth를 백분율 값으로 설정해 보셨습니까? 그것은 나에게 매우 도움이 입증 나는이 같은 문제가 발생으로

+0

어떻게하면됩니까? 이 줄을 변경했습니다 : columnWidth : container.width()/4 to this : columnWidth : 25 %하지만 레이아웃이 잘못 되었기 때문에 JS를 제대로 작성하지 않았기 때문에 생각하나요? – egr103

+0

어떻게이 @Anriette을 하시겠습니까 ?? – egr103

+0

지금 답장을 드려서 죄송 합니다만, 다음과 같이 본 것으로 간주합니다. http://isotope.metafizzy.co/demos/fluid-responsive.html –

관련 문제