chrome浏览器小于12px字体的解决方案
第一种解决方案:
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 */
}
以后还会继续更新~~~