chrome 字体小于12px时 显示还是以12px显示 google字体小于12px

在前端页面开发时有需要控制页面上某个地方的字体小于12px.google 浏览器默认最小为12px

在开发是用  transform: scale(0.75);  方式可以实现.使用的时候发现 需要把对象属性 display: inline-table; 才得到想要的字体大小.

1:.smzgrid_tb td div span em { color: red; font-style: normal; transform: scale(0.75); display: inline-table; font-size: 9px !important;}

2:.smzgrid_tb td div span em { color: red; font-style: normal; transform: scale(0.75); font-size: 9px !important;}

 

测试第一种可以显示9像素大小的字体  第二种在google浏览器下是12像素显示.

 

在测试过程中还发现个好玩的事件

.smzgrid_tb td div span em { color: red; font-style: normal; transform: scale(-0.75); display: inline-table; font-size: 9px !important;}

此样式属性会把字体倒转.有兴趣的可以试试./