怎么让Chrome支持小于12px 的文字？-Baili Blog

这个我们在做移动端的时候，设计师图片上的文字假如是10px，我们实现在网页上之后。往往设计师回来找我们，这个字体能小一些吗？我设计的是10px？为啥是12px?其实我们都知道，谷歌Chrome最小字体是12px，不管你设置成8px还是10px，在浏览器中只会显示12px，那么如何解决这个坑爹的问题呢？

我们的做法是：
针对chrome浏览器,加webkit前缀，用transform:scale()这个属性进行放缩.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            span{
                font-size: 12px;
                display: inline-block;
                -webkit-transform:scale(0.8);
            }
        </style>
    </head>
    <body>
        <span>测试10px</span>
    </body>
</html>

本站只提供资源，不提供技术支持，介意勿下！如若发现图片加载失效、演示站或资源下载链接失效，可以联系我们，进行反馈，我们将及时修正！如有侵权请发邮件至：zhaojun1019@163.com ，我们会第一时间进行审核处理。资源所标价格，是对本站收集、整理、打包、编辑详情以及本站运营费用的适当补偿，非资源价格，请支持正版，谢谢！
本站资源大多来自网络，版权争议与本站无关，所有资源仅限用于学习和研究目的。不得将其用于商业或者非法用途，否则，一切后果请用户自负。我们不保证资源的长久可用性，通过使用本站资源随之而来的风险与本站无关。您必须在下载后的24小时内，从您的设备中彻底删除所下资源。如果您喜欢该资源，请支持正版软件/程序，购买注册，得到更好的正版服务。

THE END

程序教程
# 文字 # 网页 # 谷歌 # 移动端 # 设计师 # 浏览器

怎么让Chrome支持小于12px 的文字？

请登录后发表评论