一些特殊的样式记录

1. chrome显示小于12px的字号
   现在chorme只能显示12px及以上的字号，如果想要显示12px一下的字号，就需要用到css的transform属性。

// js文件
<p  class="test">test</p>

// css文件
.test {
font-size:16px;
-webkit-transform: scale(0.625); 
}

这样新的字号就是 10px；
但是这样会导致p元素整体缩小，影响p的宽度，如果原理p的宽度是 width:100%,那设置了 transform 知乎，宽度会变成 100%*0.625 = 62.5%；这个需要注意一下。另外，transform 只能影响块状元素，所以，如果是打算为行内元素设置 transform ，需要先设置 display:inline-block,