解决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 */

你可能感兴趣的:(PC端,面试)