jquery - 同位素问题 : Layers stuck when resizing (responsive)

Question

我正在尝试将响应式 SKELETON 框架与 Isotope 结合起来，但到目前为止我遇到了一个问题:当我调整浏览器大小时(特别是如果我最小化然后最大化浏览器)，某些列仍然卡住。如果我将 webkit-animation 设置为 0.1 秒或更短，它会起作用，但到目前为止，当我使用 0.8 秒时，它的 react 不正确。

这是我到目前为止所拥有的: http://www.paulbauer.net/development/animate.html

有人可以帮忙吗？

最诚挚的问候， 保罗

Answer 1

尝试为每个媒体查询指定容器的最大宽度和最小宽度。

示例:

@media only screen and (max-width: 479px) {

    #isotainer
    {
        max-width: 300px;
        width: 300px;
        min-width: 300px;
    }       
}

@media only screen and (max-width: 959px) {
    #isotainer
    {
        width: 768px;
        max-width: 768px;
        min-width: 768px;
    }

}