Question

在Firefox中设置动画字体大小有一个很好的平滑效果，而在Safari（和Chrome，但不那么），它是跳跃的。跳跃我的意思是文本上的字距调整和渲染不会平滑变化，好像Safari无法跟上字体大小变化那么快。

字体大小从10px开始：

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

这是正常行为，是否有一些偷偷摸摸的解决方法？

Answer 1

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

我最近看到了类似问题的修复，其中涉及使用动画字体大小绝对定位元素。我不知道这是否适合您。