码迷,mamicode.com
首页 > 其他好文 > 详细

chrome浏览器小于12px字体的解决方案

时间:2017-08-26 18:33:32      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:class   blog   transform   span   ref   设置   chrome浏览器   字体   font   

第一种解决方案:

1、设置-webkit-text-size-adjust:none; 

#chrome10px{

     -webkit-text-size-adjust:none;

    font-size:10px; 

};

第二种解决方案:

#chrome10px{

     font-size : 12px;

    -webkit-transform : scale(0.84,0.84) ;

    *font-size:10px;

    display:block;

}

第三种解决方案:

.small-font{
    font-size:12px;

    transform: scale(0.90);
    transform-origin:0 0;

    -ms-transform: scale(0.90);         /* IE 9 */
    -ms-transform-origin:0 0;       /* IE 9 */

    -webkit-transform: scale(0.90); /* Safari 和 Chrome */
    -webkit-transform-origin:0 0;   /* Safari 和 Chrome */

    -moz-transform: scale(0.90);        /* Firefox */
    -moz-transform-origin:0 0;      /* Firefox */

    -o-transform: scale(0.90);      /* Opera */
    -o-transform-origin:0 0;        /* Opera */
}

以后还会继续更新~~~

chrome浏览器小于12px字体的解决方案

标签:class   blog   transform   span   ref   设置   chrome浏览器   字体   font   

原文地址:http://www.cnblogs.com/circleone/p/7435734.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!