兮督 发表于 2025-6-2 21:50:21

亚像素渲染:浏览器如何处理小数像素的渲染?

前言

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

宽高相等的一个正圆,旋转起来看着怪怪的。事实上这是由于rem单位转换导致出现的小数像素(亚像素)问题


可以看到0.2rem计算过后的值为19.72px,这样就出现了亚像素,但是它宽高依然还是相等的,旋转起来也不应该出现抖动的现象
来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 亚像素渲染:浏览器如何处理小数像素的渲染?