/ / Izotop - rozloženie tekutín a muriva rozdelené do 2 stĺpcov - jquery, responzívny dizajn, rozloženie tekutín, jquery-izotop

Izotop - rozloženie kvapalín a muriva v dvoch stĺpcoch - jquery, responsive-design, fluid-layout, jquery-izotop

Nie som si istý, čo je príčinou tohto problému, ale mám problémplynulé usporiadanie, pričom moje škatule majú šírku 25% a ja mám 4 škatule na riadok. Pri zmene veľkosti som si všimol, že sa vyskytujú občasné chyby, pri ktorých sa stĺpec 4 mení na zlomený dva stĺpce. Pozrite si moje video tu: http://cl.ly/0s172D303X1M3H1v161z (kliknite na odkaz Zobraziť v prehliadači).

Zistil som, že problém je v rôznych prehliadačoch nekonzistentný, v niektorých prehľadávačoch funguje, v iných nie. Máte niekto nápad, ako to napraviť?

JsFiddle je tu: http://jsfiddle.net/TVXve/

odpovede:

1 pre odpoveď č. 1

Myslel som, že upriamim pozornosť na váš problém na stránke gitHubu izotopu, pretože sa mi veľmi osvedčil, pretože som narazil na ten istý problém:

https://github.com/desandro/isotope/issues/222

Zdá sa, že ide o chybu, a vy budete musieťnastavte šírku položky na 24,5%. Toto potom predstavuje problém s medzerami (ak sa chystáte na plynulú mriežku), ale malo by to aspoň pomôcť ľuďom ísť správnym smerom.


1 pre odpoveď č. 2

Zistil som, že oba tieto doplnky fungujú najlepšie s použitím absolútnych hodnôt px. Skúšali ste nastaviť columnWidth na percentuálnu hodnotu?