CSS：设置chrome小于12px的字体（****四颗星）

每个浏览器的默认字体大小可能都是不一样的。

chrome默认字体大小16px，在chrome下css设置字体大小为12px及以下时，显示都是一样大小，都是默认12px。

解决方法1：用css3的缩放transform（scale）（因为是整体缩放所以注意缩放时位置可能会变化）

使用css3的transform缩放属性-webkit-transform:scale(0.5)，他只针对有宽高的元素，如果是行内元素就得设置display：block/inline-block;

注意-webkit-transform:scale(0.75);收缩的是整个元素的大小，这时候，如果是内联元素，必须要将内联元素转换成块元素，可以使用display：block/inline-block/...；

<style>
        .outer {
            width: 200px;
            height: 200px;
            background-color: red;
            font-size: 12px;
        }
        .outer spa