浏览器字体小于12px

解决：

html:

<div class="demo">
 <span>等于12px时</span>
  <span>小于12px时</span>
</div>

注意：元素有背景的话，给这个属性会使背景也随着变化，所以，我们可以给标签里再套个<span》
css:

 .demo {
    :first-child {
      font-size:12px;
    }
    :last-child {
      color: red;
      display: inline-block;
      font-size:12px;
      -webkit-transform-origin-x: 0; /*缩小后文字居左*/
      -webkit-transform: scale(0.80);   /*关键*/
      transform:scale(0.8);
    }
  }