一種序列幀在rem佈局下的消抖方法

最近在項目中遇到了個問題，由於要在移動端使用一個等待的動畫，但是我本人是菜鳥，canvas不是很懂，所以只能讓UI做了個序列幀動畫來替換。 我頁面是使用rem佈局的，所以在使用序列幀中，出現了序列幀動畫抖動的問題，可查看如圖 可從圖中明顯看到，此動畫會有明顯的左右抖動問題。當前的的css如下圖： html結構如下圖： 抖動的原因是因爲rem佈局中，根元素的字體大小含有小數，也就是在計算序列幀的位置

>>阅读原文<<