如何让字体小于12px

• 比较经典但是也是非常简单的前端面试题。

• 在我的项目实际开发中，曾经遇到过这个问题。最终采用了CSS的 transform:scale() 可以将包裹字体的盒子缩小，从而让字体在视觉上缩小。

要注意两个点：

1. transform:scale() 只对有宽高的元素有效；
2. 缩小的默认依据点是元素中心位置，如果发现缩小后定位不准了，可以把 transform-origin 改成left top，缩小的依据点变成了左上角。根据实际需求来，如果是要往中心缩，就不用修改该属性。