使用Masonry + LessCSS正确加载页面

Question

我遇到了Masonry插件的问题，导致仅在视口被更改时起作用，这意味着在您调整浏览器窗口大小之前，砌体框是不可见的。在那之后，盒子不是可见的，但是砌体也按预期工作。

我通过再次使用常规CSS来设置样式来解决这个问题，而不再像我原先想象的那样LESS CSS。

但是我能用两种方法做什么呢？ （这似乎不是一个简单的'重新排序脚本如何被加载'的东西）

有趣的是，当我使用jsFiddle并在那里实现LESS CSS时，没有问题。也许有人可以告诉我jsFiddle如何解决这个问题？

https://jsfiddle.net/rcygo5fy/

 code

Answer 1

＆＃34;解决方案＆＃34;：由于解决方案对代码很麻烦，并且在每次加载时编译CSS非常繁重，尤其是客户端，最好的解决方案是将LESS完全排除在最后结果，仅用于开发，但用于实际使用的LESS-to-CSS-rendered文件。使用CSS时，砌体计时问题就会消失。