第一種解決方案：

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字體的解決方案