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

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

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

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

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

...全文

390 3 打赏收藏举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

Tiny~ 2020-05-20

打赏
举报

回复

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

Tiny~ 2020-05-20

打赏
举报

回复

引用 1 楼 aiweiya520 的回复:

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

试过，不行呢

aiweiya520 2020-05-19

打赏
举报

回复

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

希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。Chrome 里纹丝不动 12 px，Safari 乖巧得像幼儿园小朋友，Firefox 甚至露出“我懂你”的微笑。它怕你老花眼，也怕你产品经理老花眼，于是把 12 px 以下统统“四舍五入”到 12 px。UI 稿里，标签页上的“NEW”小红点只有 10 px，设计师拍胸脯：“就这么大，不改！但商业场景里，**“协议文字”“标签徽章”“数据密度”**都需要更小、更精确的呈现。

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

先来看下 ie、火狐、谷歌浏览器下各个字体显示情况ie下：火狐下：谷歌下：从上面的图可以很明显看出谷歌下 css设置字体大小为12px及以下时，显示都是一样大小，都是默认12px;那么网上一直有一个方法就是给当前样式添加谷歌私有属性：-webkit-text-size-adjust:none;可是我进行验证后发现，在谷歌现在的新版本里已经无效。那么我们应该如何设置谷歌下的字体呢？我们可以使用到 c...

在谷歌下 css 设置字体大小为 12px 及以下时，显示都是一样大小，都是默认 12px。解决办法：（1）可以使用 Webkit 的内核的-webkit-text-size-adjust 的私有 CSS 属性来解决，只要加了-webkit-text-size-adjust:none;字体大小就不受限制了。但是 chrome 更新到 27 版本之后就不可以用了。所以高版本 chrome 谷歌浏览器已经不再支持-webkit-text-size-adjust 样式，所以要使用时候慎用。（ 2 ）还可

中文版Chrome浏览器不支持12px以下字体的解决方案以下内容为转载内容，最下方会有自测经历，自测以下代码有效： Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px，英文版则没有限制，主要是因为chrome认为汉字小于12px就会增加识别难度，尤其是中文常用的宋体和微软雅黑。而我们在实际项目中，对于数字/英文内容，其他字体的文本可能会有特殊的需求要求它们以更小的字...

61,117

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章