突破 Chrome浏览器 限制字体大小不能低于12px的限制
1. 利用 transform:scale() 进行缩放
p: { font-size: 12px; -webkit-transform: scale(0.75); //缩小 }
2. 矢量图标签
<div style="font-size: 5px;
width: 80px;
height: 20px;
margin-top: 5px;
border-bottom: 1px solid black;
display:inline-block;
padding-bottom:4px;"
>
<svg width="100%" height="100%">
<text x="5%" y="90%" fill="#000" text-anchor="left">显示内容</text>
</svg>
</div>
font-size:5px; // 控制字体大小
width:80px; // 控制输出框大小