突破 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;  // 控制输出框大小

 

posted @ 2019-09-25 17:35  真的想不出来  阅读(1149)  评论(0)  编辑  收藏  举报