jquery - 同位体の問題: サイズ変更時にレイヤーが動かなくなる (レスポンシブ)

Question

レスポンシブ SKELETON フレームワークを Isotope と組み合わせようとしていますが、これまでのところ問題が発生しています。ブラウザーのサイズを変更すると (特に、ブラウザーを最小化してから最大化すると)、一部の列がスタックしたままになります。webkit-animation を 0.1 秒以下に設定すると機能しますが、これまでのところ 0.8 秒を使用すると正しく反応しません。

ここに私がこれまでに持っているものがあります: 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;
    }

}