设置字体小于12像素的方法 以及解决字体变小后 文字顶点偏移在区域内位置变更的问题

方案一：

1.设置字体小于12像素

font-size: 12px;
transform: scale(0.8); // 将字体缩小80% 也就是9.6px;如果想设置更小 可以修改scale中的数值

缩放前：

缩放后：

文字是变小了，但是原本的左对齐 现在变成了位置偏居中。

2.解决基点位置偏移的问题

transform-origin: 0 0;

将基点位置移动回原本的 X Y轴 （0,0）的位置 设置后

so 设置字体小于12像素 并且位置不偏移的解决方法：

font-size: 12px;
transform: scale(0.8); // 将字体缩小80% 也就是9.6px;
transform-origin: 0 0;

方案二

使用文本溢出算法

font-size:8px;
-webkit-text-size-adjust:none;

浏览器兼容情况