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

Question

在 Firefox 中对字体大小进行动画处理具有良好的平滑效果，而在 Safari(以及 Chrome，但不那么明显)中则显得有些跳跃。我所说的跳跃是指文本上的字距调整和渲染变化不平滑，就好像 Safari 无法跟上如此快速变化的字体大小一样。

字体大小从 10px 开始:

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

这是正常行为吗？是否有一些偷偷摸摸的修复方法？

Answer 1

我相信这取决于四舍五入。字体大小的呈现方式以及这些字体(以其新大小)如何放置在文档流中。由于 1px 是现实世界中最小的测量单位，因此有可能“给出”一些东西。

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