如何让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的文字?
  • 被困电梯时该怎样自救
  • 宠小皮:六个月大的博美犬也需要补钙吗?
  • 紫外线过敏原因
  • 互联网营销的就业方向
  • 映月城与电子姬怎么给人格升星
  • 热门搜索
    职业大全 丰田汽车报价大全 长发怎么扎好看 韩束化妆品怎么样 宋氏三姐妹简介 手指被门夹了怎么办 cf角色大全 家庭养花大全 cf fps不稳定怎么办 危险期怎么算