解决chrome字体不能小于12px （一道简单的面试题）

当 font-size<12px 时，chrome中显示效果就不再变化。

这时 用 tranform:scale(0.8);  进行缩放

详细列举transform的用法：

1.旋转

-webkit-transform: rotate(45deg);    /* for Chrome || Safari */

-moz-transform: rotate(45deg);       /* for Firefox */
-ms-transform: rotate(45deg);        /* for IE */
-o-transform: rotate(45deg);         /* for Opera */

2.缩放

-webkit-transform: scale(0.5);     /* for Chrome || Safari */
-moz-transform: scale(0.5);        /* for Firefox */
-ms-transform: scale(0.5);         /* for IE */
-o-transform: scale(0.5);          /* for Opera */

3.倾斜

-webkit-transform: skew(30deg, 30deg);    /* for Chrome || Safari */
-moz-transform: skew(30deg, 30deg);       /* for Firefox */
-ms-transform: skew(30deg, 30deg);        /* for IE */
-o-transform: skew(30deg, 30deg);         /* for Opera */

4.移动

-webkit-transform: translate(50px, 50px);    /* for Chrome || Safari */
-moz-transform: translate(50px, 50px);       /* for Firefox */
-ms-transform: translate(50px, 50px);        /* for IE */
-o-transform: translate(50px, 50px);         /* for Opera */