显示12以下的字体

PC 端可以在 chrome://settings/fonts 设置中设置浏览器最小字号 但这取决于用户
所以只能用 

display: inline-block;

transform: scale(.5);

transform-origin: left 

来实现了
如果你要设置 10px 的字号那么你设置 font-size: 20px 再缩放 0.5 变成 10px

移动端的话可以动态设置 viewport 缩放比例 通过 rem 来设置字体大小

 

.test_tag{

　　font-size:12px;

　　-webkit-transform-origin-x: 0;

　　-webkit-transform: scale(0.5833333333333334);

}