怎么样解决谷歌浏览器不支持12px以下字体？

来源：互联网发布：11年总决赛司机数据编辑：程序博客网时间：2024/05/17 09:05

前两天没事，在网上搜索寻找解决谷歌chrome浏览器不支持12px以下字体的方法。从中又学到一些新的姿势。所以很自然的我就要把它记下来，拿到浏览器里用一用了。

先来个简单粗暴的，直接上代码：

<html><head><meta charset="utf-8"/><title></title><style>p{font-size:8px;}span{        <span style="color:#3333FF;">/*使用缩放标签来使chrome浏览器支持小于12px的字体*/</span>       -webkit-transform:scale(0.8);        <span style="color:#3333FF;">/*这里将p标签转换为块元素，实现缩放功能*/</span>       display:inline-block;}</style></head><body><p><span>我是一个p标签！</span></p></body></html>

在这里我学习网上大神的方法，使用-webkit-transform：scale（）；来缩放字体大小，达到让chrome支持小于12px字体。当然，有过先关经验的朋友们可能还听说过另一种方法，就是使用-webkit-text-size-adjust：none；这个方法，但很遗憾，听说在新版的chrome浏览器中已经不支持了，我用我的chrome-版本 50.0.2661.102的浏览器试了一下，结果是不支持，一点效果没有。

0 0