谷歌下12px号的字体怎么实现

我不是女神ヾ 2022-07-14 14:41 181阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            #chrome10px{ -webkit-text-size-adjust:none; font-size:10px; }
            #chrome10px2 {font-size : 12px;
                -webkit-transform : scale(0.84,0.84) ;
                *font-size:10px;}
        </style>
    </head>
    <body>
    
    <p style="font-size: 8px">我是8px像素的字体大小</p>
    <p style="font-size: 10px">我是10px像素的字体大小</p>
    <p style="font-size: 12px">我是12px像素的字体大小</p>
    <p style="font-size: 14px">我是14px像素的字体大小</p>
    <p style="font-size: 16px">我是16px像素的字体大小</p>
    
    修改的方法-webkit-text-size-adjust:none;
    :
    <br/>
    <p style="font-size: 10px" id="chrome10px">我是10px像修改了不起作用</p>
    <p style="font-size: 10px">我是10px像素的字体大小</p>
    <p style="font-size: 12px">我是12px像素的字体大小</p>
    <p style="font-size: 14px">我是14px像素的字体大小</p>
    修改的方法2  -webkit-transform : scale(0.84,0.84) ;:
    <br/>
    
    <p style="font-size: 10px" id="chrome10px2">我是10px像修改了不起作用</p>
    <p style="font-size: 10px">我是10px像素的字体大小</p>
    <p style="font-size: 12px">我是12px像素的字体大小</p>
    <p style="font-size: 14px">我是14px像素的字体大小</p>
    
    
    
    
    </body>
    </html>

![Center][]

[Center]: /images/20220714/3195e3495d824454a70c3026cb52cce1.png

发表评论取消回复

表情：

评论列表（有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

相关针对谷歌默认最小字体12px的正确解决方案（css、html）

今天晨会，产品要求把以前12px的字体改小一点，我心想这有什么难的，就随口答应了。哪知，改css的时候，谷歌浏览器中font-size小于12px时，字体就不会再缩小了。当时我

你的名字/ 2022年12月27日 12:55/ 0 赞/ 142 阅读

相关引入谷歌字体

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

左手的ㄟ右手/ 2022年08月31日 05:56/ 0 赞/ 177 阅读

相关针对谷歌对于小于12px的字体默认为12px的解决方法小结

div \{ transform:rotate(7deg); \-ms-transform:rotate(7deg); /\ IE 9 \/ \-moz-tr

Love The Way You Lie/ 2022年07月27日 13:57/ 0 赞/ 152 阅读

相关谷歌下12px号的字体怎么实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

男娘i/ 2022年07月14日 14:41/ 0 赞/ 176 阅读

相关谷歌下12px号的字体怎么实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

我不是女神ヾ/ 2022年07月14日 14:41/ 0 赞/ 182 阅读

相关针对谷歌浏览器以及谷歌内核的浏览器默认最小字体12px的正确解决方案

　　谷歌浏览器中font-size小于12px时，字体就不会再缩小了。当时我的第一反应就是会不会是其他css把字体覆盖了。结果看了半天也没发现。于是，只百度一伙了，结果还真让人

Love The Way You Lie/ 2022年06月15日 12:28/ 0 赞/ 193 阅读

相关针对谷歌浏览器以及谷歌内核的浏览器默认最小字体12px的正确解决方案（实用）

原文出处：[https://blog.csdn.net/qq\_27682041/article/details/72850719][https_blog.csdn.net_q

你的名字/ 2022年04月18日 03:57/ 0 赞/ 1646 阅读

相关 Chrome谷歌浏览器不支持css字体小于12px的解决办法

问题：有时候设计图上会有小于12px的文字，css的font-size小于12的时候在IE上是正常显示的,但在Chrome里面显示仍然是12px，解决办法：就是利用css3

淩亂°似流年/ 2022年03月17日 14:10/ 0 赞/ 436 阅读

相关中文谷歌浏览器英文字体11px的问题。

今天看技术博客的时候搜到一个在IE和其他浏览器下可以使用firebug的js代码。[传送门。][Link 1] < script type = ' t

灰太狼/ 2021年11月11日 03:08/ 0 赞/ 337 阅读

相关谷歌字体最小12px的解决方案

1. transform: scale 定义10px字体 : .font10 { display: inline-block; //

怼烎@/ 2021年07月26日 19:34/ 0 赞/ 433 阅读