Jquery Safari/Webkit动画字体大小不稳定

在Firefox中设置字体大小动画有一个很好的平滑效果，而在Safari（和Chrome，但不太一样）中，字体大小动画效果很好。我所说的跳跃是指文本的紧排和渲染不会平稳变化，好像Safari无法跟上字体大小变化如此之快

字体大小从10px开始：

$('#myel).animate({fontSize:'20px'}, 300); 

---

这是正常的行为吗？是否有一些鬼鬼祟祟的解决办法？

我相信这是四舍五入造成的。无论是字体大小的呈现方式，还是这些字体（以新的大小）在文档流中的放置方式。由于1px是现实世界中最小的测量单位，因此有可能“给予”

---

我最近看到了一个类似问题的修复，它涉及到用动画字体大小绝对定位元素。我不知道这是否是您的选择。

我认为这取决于四舍五入。无论是字体大小的呈现方式，还是这些字体（以新的大小）在文档流中的放置方式。由于1px是现实世界中最小的测量单位，因此有可能“给予”

---

我最近看到了一个类似问题的修复，它涉及到用动画字体大小绝对定位元素。我不知道这是否是您的选择。

我在Chrome中没有这个问题：效果很微妙。。我对小提琴做了一点修改，这样你现在就可以看到了。在背面的白色文字上更明显：在FF中，它像黄油一样光滑，但在Safari和Chrome中，它是跳跃的。我在Chrome中没有这个问题：效果很微妙。。我对小提琴做了一点修改，这样你现在就可以看到了。它在背面的白色文字上更加明显：在FF中，它像黄油一样光滑，但在Safari和Chrome中，它是跳跃的。