最近在做手机适配的问题，要把电脑端变成手机端能正常浏览的网页，那么就要改动一下字号。我依次减少字号看效果，但是在谷歌浏览器上，当我减小到12px以下的时候，发现字体大小并没有什么变化，这时我就纳闷了，要怎么样才能改变大小呢？
我在网上搜索了一下，大家的观点都是下面这个：
html{ -webkit-text-size-adjust:none; }
亲自实践了一下，发现并没有什么用啊。
在继续的搜寻之下，我有发现了另外的一种方法，就是缩放方法
.small{ font-size: 12px; -webkit-transform-origin-x: 0; -webkit-transform-origin-y: 0; -webkit-transform: scale(0.6); }
首先是定义字体为12px，-webkit-transform-origin-x属性是定义了x方向（水平）的基点位置，-webkit-transform-origin-y属性是定义了y方向（竖直）的基点位置， scale(0.6)是缩放比例，最终的字体大小就是12px * 0.6 =7.2px，这就实现了字体缩放的效果，但是可能某些浏览器不兼容一些属性，所以应该再写一个font-size为10.8px，在这个要缩放的标签上添加class="small small-size"这个属性。
.small-size{ font-size:10.8px; }
