第20天 要让Chrome支持小于12px的文字怎么做?
Activity
tiezhu92 commentedon May 6, 2019
1, 改用图片
2, 使用 -webkit-text-size-adjust:none; 但是不支持chrome 27.0以上版本
3, 使用 transform: scale( )缩小
暂时不知道更多方法了
tzjoke commentedon May 29, 2019
Konata9 commentedon Aug 4, 2019
Chrome 中有最小字号的限制,一般为 12px。原因是 Chrome 认为小于这个字号会影响阅读。
当需要小于 12px 字体的时候,有以下几个方法可以使用。
transform: scale(0.5, 0.5)
,但使用transform
需要注意下面几点:transform
对行内元素无效,因此要么使用display: block;
要么使用display: inline-block;
transform
即使进行了缩放,原来元素还是会占据对应的位置。因此需要做调整,最好是在外面再包一层元素,以免影响其他元素。最好的办法还是进行切图,或者就不要使用小于 12px 的字体。
blueRoach commentedon Jun 9, 2020
smile-2008 commentedon Sep 18, 2020
transform: scale()
图片
amikly commentedon Nov 7, 2021
1.用图片
2.-webkit-text-size-adjust:none;
这个属性在高版本(27后)的 Chrome 中已经被废除
3. transform: scale(0.5, 0.5)
需要注意以下几点:
Iambecauseyouare commentedon Mar 5, 2023
1.使用zoom
2.-webkit-transform:scale();
3.-webkit-text-size-adjust:none;(自从chrome 27之后,就取消了对这个属性的支持。同时,该属性只对英文、数字生效,对中文不生效)
lili-0923 commentedon Feb 29, 2024
常见的解决方案有:
zoom
-webkit-transform:scale()
-webkit-text-size-adjust:none