小于12PX字号在CHROME内核浏览器没办法实现吗？

Tiny~ 2020-05-19 09:03:15

试过网上的好多种办法，要么它是可以了，但是IE和火狐又不行了……
要么是别的浏览器一点问题没有，偏偏谷歌内核内核的浏览器就是不行无论怎么设置

单纯从CSS来说（不改浏览器字号设置），有好的办法可以实现吗？

中文还好些，英文强迫12PX字号，把页面布局弄的很难看，虽然我做的也没多好看

...全文

317 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Tiny~ 2020-05-20

打赏
举报

回复

实在搞不定，改成图片了……

Tiny~ 2020-05-20

打赏
举报

回复

引用 1 楼 aiweiya520 的回复:

用缩放 transform: scale(0.5); 注意兼容写法就行

试过，不行呢

aiweiya520 2020-05-19

打赏
举报

回复

用缩放 transform: scale(0.5); 注意兼容写法就行

一、浏览器默认字体大小转载：https://www.zhihu.com/question/268477963 二、浏览器支持的最小font-size 转载：https://www.jianshu.com/p/8fc4dc861037 三、Chrome设置小于12px的字体的处理方案在谷歌下css设置字体大小为12px及以下时，显示都是一样大小，都是默认12px。解决办法：使用Webkit的内核的-webkit-text-size-adjust的私有CSS属性来解决，只要加了-webkit-text

在开发移动端页面的时候把页面的font-size设置成了10px大小，但是在chrome中调试的时候却发现1rem=12px！一度让我怀疑人生。后面百度了发现原来不同的浏览器对于font-size的最小值是有限制的。比如在chrome中支持的最小值就是12px，在搜狗浏览器中最小值也是12px，可能因为他们用的内核都是一样的吧。所以当设置的font-size小于12px时，也会按照12px渲染。...

1、谷歌浏览器不支持设置CSS较小字体问题分析 - TOP网页常常为了排版美观，会使用忽大或小的文字，通常font-size文字为12px(像素)文字。设置大于12px文字字体，各浏览器都能显示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌浏览器google Chrome就不能显示出CSS所设置小于12px的文字字体效果。2、谷歌浏览器支持设置font-size小于1...

google流量器chrome，傲游，360极速浏览器都是基于webkit内核浏览器，默认不支持小于font-size小于12px 的字号，即定义font-size小于12px时会发现字体大小依然是12px，解决办法，只需要在css文件的body{}里面增加-webkit-text-size-adjust 样式为 none 即可，如下： body{-webkit-text-size-adjust:...

中文版Chrome浏览器不支持12px以下字体的解决方案 Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px，英文版则没有限制，主要是因为chrome认为汉字小于12px就会增加识别难度，尤其是中文常用的宋体和微软雅黑。而我们在实际项目中，对于数字/英文内容，其他字体的文本可能会有特殊的需求要求它们以更小的字号来显示，这个时候就需要取消浏览器的自动调整功能了。

61,115

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章