如何让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的文字?
  • 被困电梯时该怎样自救
  • 宠小皮:六个月大的博美犬也需要补钙吗?
  • 紫外线过敏原因
  • 互联网营销的就业方向
  • 映月城与电子姬怎么给人格升星
  • 热门搜索
    大虾的家常做法 面食的做法 猪肉皮的做法大全 c1驾驶证6年到期怎么换 户口所在地怎么填 南瓜饼的做法大全 膝关节疼痛是怎么回事 蛋烘糕的做法 小龙虾的做法大全 百合的吃法和做法