我又迷茫了!为什么CSS的rotate 会影响盒子的宽高呢?

就是一个盒子。让它有点旋转 。使用 rotate

img

游览器查看也没有问题

img

但实际上,宽高是有小数的

img

这还导致了文字的模糊。如果不旋转,是这样子的

img

它就是正常的,文字也不会模糊。

也有去查过怎么处理因为 transform 导致的文字抖动或模糊的问题。
就说宽高要偶数那些。都不行!
真的迷茫了!

加这个试试
translateZ(0)

用js计算