chrome浏览器小于12px字体的解决方案
Posted @circle
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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 */
}
以后还会继续更新~~~
以上是关于chrome浏览器小于12px字体的解决方案的主要内容，如果未能解决你的问题，请参考以下文章