温馨提示：
本文所述内容具有依赖性，可能因软硬条件不同而与预期有所差异，故请以实际为准，仅供参考。
在设计网页时，发现在 Chrome 浏览器下，通过 CSS font-size 属性无法控制字体大小，搜了一番得以解决，记录一下。
问题
通过改 CSS 设置字体大小的时候，谷歌浏览器中 font-size小于 12px时，字体就不会再缩小了。
原因
谷歌 Chrome 以及谷歌 Chromium 内核的浏览器在中文语言下最小字体只能是 12px。
解决方法
利用 css3 的缩放来解决谷歌 Chrome 以及谷歌 Chromium 内核的浏览器的字体大小问题，配合 font-size 解决其他浏览器的兼容问题。
举例：
<style>
.small-font{
font-size:12px;
-webkit-transform-origin-x: 0;
-webkit-transform: scale(0.90);
}
.smallsize-font {
font-size:10.8px;
}
</style>
<p class="small-font smallsize-font">scale(0.90) 表示 12px * 0.9 = 10.8px</p>
<p class="small-font">scale(0.90) 表示 12px * 0.9 = 10.8px</p>
<p class="smallsize-font">scale(0.90) 表示 12px * 0.9 = 10.8px</p>根据 CSS 的加载规则，谷歌 Chrome 以及谷歌 Chromium 内核的浏览器会优先采用 -webkit-transform规则，其他浏览器则按正常顺序采用 smallsize-font规则。
参考文章：
1、《针对谷歌默认最小字体12px的正确解决方案 （css、html）》
