修改浏览器的默认最小字号限制
小于最小字号的应用场景修改方法修改须知小于最小字号的应用场景
web页面和手机页面用同一套代码开发时,在一个固定框内输入一行字,在web端浏览器下,可以正常正常显示:
但是在手机页面中,屏幕较小,固定框的宽度也会缩小,由于我们是在浏览器控制台中的手机模式中查看的,所以字号小到一定程度,就被浏览器限制了,不能再小了。在浏览器中查看,就会显示文字超出了框的大小。但是手机页面是没有最小字号限制的,在手机页面可能查看是正常的。所以容易对开发造成困扰:
这时候,就要取消浏览器的最小字号限制,让我们在浏览器控制台上,也能和在手机上看到同样的效果。
修改方法
打开浏览器设置自定义字体这里可以看到,chrome的默认最小字号是12px 。
现在移动最小字号那里的滑动条,可以调整最小字号大小。
比如这样:
现在就把最小字号调整到8px了。
在实际开发中,可以根据实际需要来设置。
修改须知
不要忘了,在开发中可以自己设置最小字号,但是实际上用户是不会去修改自己电脑浏览器的最小字号的。
所以,在web页面开发过程中,不需要修改字号。和用户保持一致就行了。
只有在web开发,并测试字号在手机页面显示的情况时,再去设置即可。
平时的web开发,把字号设置到12px以上即可。 因为你设置到12px以下的字号,到用户浏览器上,实际看到的还是12px的字号。