使用 CSS 如何让Chrome支持小于12px 的字体？

谷歌浏览器支持的最小字体是12px

不信，我们看看页面效果

虽然一个设置了10px,另一个设置了12px,但是他们的字体大小没有任何区别

如果想要小于12px 字体怎么办呢?

针对谷歌浏览内核，加 webkit 前缀，用ES6的CSS属性 transform:scale()进行缩放!

效果是不是出来啦！

缩放后的元素具有块级元素的特点，如果是行内元素如 span 就会失效，转为块级元素即可

是不是也成功啦！