Chrome的最小字体12px限制最终解决办法

2024-05-11 13:28:20

最近用浏览器开发h5 app时碰到一个问题

我设置的字体是10px，但是打开浏览器控制台时，一直是12px

无论改成什么值，只要小于12px就是12px

开发Hybid App的时候也被它困扰了很久,在百度上查了很久，网上所有的解决方案都惊奇地相似，只有下面两种：

1-针对谷歌浏览器加前缀进行适配

html{-webkit-text-size-adjust:none;}

给html标签加上下面一个属性，然而，当我打开浏览器时，发现并没什么用，后来发现这个属性在chrome 27版本以后被废弃了，可真烦呢！

2-利用css3的transform属性

<div class=""small-font>这是一段文字</div>

.mini-font{font-size: 12px;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.90);
}

这种方法是利用了css3的缩放属性，即：将文字大小整体缩小为原来的0.9倍，但是有一个硬伤，他只是缩小了文字的大小，并不能将文字所占的区域大小缩小，即无法缩小元素的width和height，这就很难受了

3-最终解决办法！！！！从浏览器设置入手

尝试了前2种方法，我发现并没有用，无奈我使用了真实的手机进行调试，发现可以将字体设置为10px或者更小，于是乎我就在思考是不是谷歌浏览器本身限制了最小字体大小？？？于是乎，我打开浏览器，开始慢慢摸索，终于找到根治的办法了

因为谷歌浏览器里面限制了使用手机模式调试的时候最小字体是12px，但是使用真机调试的时候是没有限制的。

1.打开浏览器，找到“设置”

2.搜搜“字体”

3.点击“自定义字体”

4.将“最小字号”改成10px或者更小（建议不要小于8px，不利于阅读）

5.然后，问题就解决啦，其实根本就是谷歌浏览器本身对字体做了最小值限制，因为后来我用ie和火狐浏览器调试的时候，字体是可以设置成10px和8px的，这让我更加怀疑是谷歌浏览器的问题，而不是css代码有问题。

Chrome的最小字体12px限制最终解决办法相关推荐

html中的最小的字体,Chrome的最小字体12px限制最终解决办法
相信不少做网站的用户会有这样一个问题,Chrome 默认最小字体是12px(最新版英文也有此问题),这个是 Chrome 为了更好显示中文设计的,但是这样一来就会出现某些上标.下标字体过大,影响用户体 ...
Chrome 最小字体12px
问题状况在Chrome 中使用CSS font-size 设置字体大小, 当字体设置大于 12px时, 一切正常当字体设置小于12px时, 字体显示全部是12px. <!--Add by o ...
针对谷歌浏览器以及谷歌内核的浏览器默认最小字体12px的正确解决方案（实用）
原文出处:https://blog.csdn.net/qq_27682041/article/details/72850719 谷歌浏览器中font-size小于12px时,字体就不会再缩小了.当时我 ...
浏览器默认最小字体12px
transform:scale(n) 转载于:https://www.cnblogs.com/223zzm/p/11258964.html
9.谷歌浏览器最小字体尺寸
chrome有最小字体大小12px的限制,以前可以用-webkit-text-size-adjust:none来解决.但是chrome27以后就不支持了,而且很影响用户体验.我们可以巧用transfo ...
Chrome浏览器不支持字体小于12px的解决办法
谷歌浏览器默认最小字体为12px,小于12px的字体它都以12px显示,具体效果见下图.有些特殊情况下我们需要字体小点,特别是在制作英文网站的时候,怎么办?既然有问题,我们就有解决问题的方法. < ...
HTML字体小于12谷歌不兼容,Chrome谷歌浏览器下不支持css字体小于12px的解决办法...
coder.png 在这一年的工作中,我发现很多问题你利用自己的「聪明才智」绕过去了,总有一天它会和你不期而遇,今天我们就来直面一个字体兼容性的小问题:Chrome谷歌浏览器下不支持css字体小于12 ...
如何在chrome浏览器下设置12px以下的字体
chrome chrome浏览器的默认字体大小是16px,它所能支持设置的最小字体大小是12px,也就是说,当你使用font-size属性设置到12px以下的时候字体大小不再改变.现在提供解决方案. ...
中文版Chrome浏览器不支持12px以下字体的解决方案
中文版Chrome浏览器不支持12px以下字体的解决方案 Chrome 27之前的中文版桌面浏览器会默认设定页面的最小字号是12px,英文版则没有限制,主要是因为chrome认为汉字小于12px就会增 ...
浏览器最小显示12px字体的解决方法
浏览器最小显示12px字体的解决方法参考文章: (1)浏览器最小显示12px字体的解决方法 (2)https://www.cnblogs.com/Rawls/p/11363939.html (3)h ...

最新文章

热门文章