transform遇到问题

scale()属性使用问题

transform:scale()缩放导致文字抖动问题

• 解决办法：
  在抖动区域元素上添加:transform:translateZ(0);

translate()作位移

transform：translate代替position中的left做位移好处

• left是布局类的样式，这个样式的变化会导致重排（reflow/relayout），所谓重排即指对这些节点以及受这些节点影响的其它节点，进行CSS计算->布局->重绘过程，这个过程的前2步是消耗大量资源的

• translate同样改变样式，这个样式的变化会导致重绘（repaint），不会进行CSS计算和布局这2个性能大户，所以我们认为translate性能上好于left