方法一:
1. 1.设置字体小于12像素
font-size: 12px;
transform: scale(0.8); // 将字体缩小80% 也就是9.6px;如果想设置更小 可以修改scale中的数值
这样设置后会发现一个问题:
文字是变小了,但是原本的左对齐 现在变成了位置偏居中。
2. 解决基点位置偏移问题
将基点位置移动回原本的 X Y轴 (0,0)的位置:
transform-origin: 0 0;
3. 完整代码
font-size: 12px;
transform: scale(0.8); // 将字体缩小80% 也就是9.6px;
transform-origin: 0 0;
方法二:
1. 使用文本溢出算法
font-size:8px;
-webkit-text-size-adjust:none;

















