UI图字体 小于12号字体,利用 scale 缩放解决,影响width height,定位时错乱问题

Posted SWT

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UI图字体 小于12号字体,利用 scale 缩放解决,影响width height,定位时错乱问题相关的知识,希望对你有一定的参考价值。

利用 transform-origin: left top  ,以左上角为基点缩放。

 

 

  position: absolute;
  right: -1px;
  top: -8px;
  height: 28px;
  padding: 0 8px;
  background: #BBBBBB;
  border-radius: 1px;
  color: #FFFFFF;
  font-weight: 400;
  line-height: 28px;
  box-sizing: border-box;
  transform-origin: right top;
  font-size: 20px;
  transform: scale(0.5);

  

以上是关于UI图字体 小于12号字体,利用 scale 缩放解决,影响width height,定位时错乱问题的主要内容,如果未能解决你的问题,请参考以下文章

zoom与scale的区别

谷歌浏览器字体小于12px不能正常显示bug

获取字体缩放因子以计算字体大小

改变material-ui按钮的字体大小,并让按钮缩放?

chrom浏览器设置不了小于12px的文字大小的解决方法

chrom浏览器设置不了小于12px的文字大小的解决方法