CSS 如何实现小于12px 的字

撸代码直接看效果

    display:inline-block; /*行内元素时需要加上*/
    -webkit-transform: scale(0.5);  /*定义2D缩放*/
    -webkit-transform-origin:left top; /*定义缩放源点为左上角*/

以下是实现效果：

注意：为什么要加上display:inline-block;
因为：scale只能缩放行内块或块元素；
$\color{red}{以下为不变成行内块的代码及效果图。}$

    -webkit-transform: scale(0.5);  
    -webkit-transform-origin:left top; 

注意：为什么要加上源点定位
因为：你文字出现的效果，会出现位置偏差； $\color{red}{以下为不加定位的代码及效果图}$

    display:inline-block; 
    -webkit-transform: scale(0.5);