100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 修改浏览器的默认最小字号限制(以chrome为例)

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

时间:2021-06-18 03:05:18

相关推荐

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

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

小于最小字号的应用场景修改方法修改须知

小于最小字号的应用场景

web页面和手机页面用同一套代码开发时,在一个固定框内输入一行字,在web端浏览器下,可以正常正常显示:

但是在手机页面中,屏幕较小,固定框的宽度也会缩小,由于我们是在浏览器控制台中的手机模式中查看的,所以字号小到一定程度,就被浏览器限制了,不能再小了。在浏览器中查看,就会显示文字超出了框的大小。但是手机页面是没有最小字号限制的,在手机页面可能查看是正常的。所以容易对开发造成困扰:

这时候,就要取消浏览器的最小字号限制,让我们在浏览器控制台上,也能和在手机上看到同样的效果。

修改方法

打开浏览器设置自定义字体

这里可以看到,chrome的默认最小字号是12px 。

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

比如这样:

现在就把最小字号调整到8px了。

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

修改须知

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

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

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。