修改浏览器的默认最小字号限制(以chrome为例)

1,204 阅读2分钟

修改浏览器的默认最小字号限制


小于最小字号的应用场景

web页面和手机页面用同一套代码开发时,在一个固定框内输入一行字,在web端浏览器下,可以正常正常显示:
在这里插入图片描述
但是在手机页面中,屏幕较小,固定框的宽度也会缩小,由于我们是在浏览器控制台中的手机模式中查看的,所以字号小到一定程度,就被浏览器限制了,不能再小了。在浏览器中查看,就会显示文字超出了框的大小。但是手机页面是没有最小字号限制的,在手机页面可能查看是正常的。所以容易对开发造成困扰:
在这里插入图片描述
这时候,就要取消浏览器的最小字号限制,让我们在浏览器控制台上,也能和在手机上看到同样的效果。

在这里插入图片描述


修改方法

  • 打开浏览器
  • 设置
  • 自定义字体
    在这里插入图片描述
    这里可以看到,chrome的默认最小字号是12px 。

现在移动最小字号那里的滑动条,可以调整最小字号大小。

比如这样:

在这里插入图片描述
现在就把最小字号调整到8px了。

在实际开发中,可以根据实际需要来设置。


修改须知

不要忘了,在开发中可以自己设置最小字号,但是实际上用户是不会去修改自己电脑浏览器的最小字号的。

所以,在web页面开发过程中,不需要修改字号。和用户保持一致就行了。

只有在web开发,并测试字号在手机页面显示的情况时,再去设置即可。

平时的web开发,把字号设置到12px以上即可。 因为你设置到12px以下的字号,到用户浏览器上,实际看到的还是12px的字号。