您的位置：首页 > 职场人生

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

2017-04-05 17:06 543 查看

当 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 */

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航