如何让Chrome支持小于12px的文字?

时间:2024-10-12 05:07:13

1、chrome游览器限制了字体大小,所以不管怎么设置,始终都是最小12px。

如何让Chrome支持小于12px的文字?

2、可以使用CSS3里的transform属性来应对这个问题,如图代码。scale表示转换宽高比例大小。

如何让Chrome支持小于12px的文字?

3、使用transform属性有个问题,它也会影响宽高,这样会对布局产生影响,如图效果。这是因为transform:scale()只能对块元素设置,设置后宽高也会比例缩放。

如何让Chrome支持小于12px的文字?

4、使用translate方法改变位置,如图效果,在Chrome游览器中成功改变字体大小。

如何让Chrome支持小于12px的文字?

5、以前可以使用Chrome的CSS私有属性-webkit-text-size-adjust:none; 来取消Chrome的字体限制。但是,在chrome更新到27版本之后就删除了这个属性。

如何让Chrome支持小于12px的文字?

6、注意:-webkit-text-size-adjust:none;,只对英文才有效,对中文无效。

如何让Chrome支持小于12px的文字?
© 2025 光影知识库
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com