我正在使用packery制作动画。瓷砖在网格中对齐，单击一个应该放大它并相应地动态重新排列瓷砖。使用CSS3过渡动画调整大小。所有这些都在IE10和Firefox中按预期工作，如以下代码集中所示：http://codepen.io/anon/pen/ilkmK
基于WebKit的浏览器（在Windows上测试）中的相同代码会在调整大小和重新定位时产生疯狂的摆动/摇动。
我已经提交了issue，问题似乎是WebKit中的宽度和高度转换未经过优化。使用jQuery.animate实现相同的动画改善了一些情况，但它没有摆脱摆动。特别是在较慢的系统上，它仍然非常显着。
目前我正在使用JavaScript版本作为更好的fallbackf或webkit浏览器，但它并不是最佳选择。我不知道从哪里开始，所以我希望Stackoverflow可以帮助我。
有关如何在Chrome / Safari中使用此功能的任何提示，我将非常感激。
答案 0 :(得分：0)
我刚刚在Mac上的Chrome中试过这个并且它工作正常，所以我无法复制问题。但是我觉得这可能与webkit浏览器加载页面时最初生成0维图像的事实有关。
尝试将jQuery放在$(window).load(function(){而不是$(document).ready(function(){
在执行脚本之前，等待图像加载。