css transition: scale位置发生偏移问题

今天在项目中使用到了10px字体大小，但是chrome浏览器最小支持12px，所以考虑到使用缩放transform: scale(0.8)来整体缩放字体大小，但是缩放后文字产生了偏移

产生原因：缩放中心问题导致偏移

解决办法：transform-origin: left center; // 实际位置按需设置