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