亚像素渲染：浏览器如何处理小数像素的渲染？

前言

最近遇到一个这样的问题，在一些机型上的loading转圈动画看起来有点抖，转起来像个椭圆，心想会不会是这个icon宽高不同造成的，但看了一眼代码里面宽高写的是一样，按理来说这个loading应该是一个正圆，旋转起来不应该抖才是的。
比如这样：

[code][/code]宽高相等的一个正圆，旋转起来看着怪怪的。事实上这是由于rem单位转换导致出现的小数像素（亚像素）问题

可以看到0.2rem计算过后的值为19.72px，这样就出现了亚像素，但是它宽高依然还是相等的，旋转起来也不应该出现抖动的现象
来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！