美文网首页
谷歌最小字体为12px问题的解决

谷歌最小字体为12px问题的解决

作者: ismyshellyiqi | 来源:发表于2018-03-20 11:05 被阅读0次

在继续的搜寻之下,我有发现了另外的一种方法,就是缩放方法

.small{ 
  font-size: 12px; 
  -webkit-transform-origin-x: 0; 
  -webkit-transform-origin-y: 0;
   -webkit-transform: scale(0.6); 
}
.small-size{ font-size:10.8px; }

首先是定义字体为12px,
-webkit-transform-origin-x属性是定义了x方向(水平)的基点位置,
-webkit-transform-origin-y属性是定义了y方向(竖直)的基点位置,
scale(0.6)是缩放比例,最终的字体大小就是12px * 0.6 =7.2px,
这就实现了字体缩放的效果,但是可能某些浏览器不兼容一些属性,所以应该再写一个font-size为10.8px,在这个要缩放的标签上添加class="small small-size"这个属性。

相关文章

网友评论

      本文标题:谷歌最小字体为12px问题的解决

      本文链接:https://www.haomeiwen.com/subject/gdzpfftx.html