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

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

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

小于最小字号的应用场景

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

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

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

修改方法

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

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

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

比如这样：

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

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

修改须知

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

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

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

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

修改浏览器的默认最小字号限制（以chrome为例）相关推荐

如何修改浏览器的默认滚动条样式
如何修改浏览器的默认滚动条样式 /* 浏览器滚动条样式 *//* width */ ::-webkit-scrollbar {width: 4px;height: 4px; }/* Track */ ...
纯CSS修改浏览器的默认滚动条样式
一方面利益于CSS强大的功能,一方面利益于浏览器日益强大的解析能力和开放的心态,webkit内核的浏览器允许网页中的JS代码改变滚动条的样式.代码如下: ::-webkit-scrollbar-tra ...
[前端] Chrome浏览器默认显示最小字号为12px
Chrome浏览器默认显示最小字体为12px Chrome默认最小字号是12px(最新版英文也有此问题),这个是Chrome为了更好显示中文设计的. 但是这样一来就会出现,设置为8px字体的元素在Ch ...
Google Chrome浏览器设置默认应用出现两个Google Chrome，及设置默认浏览器打不开第三方应用内链接
一.Chrome浏览器设置默认应用出现两个Chrome 1.Windows键+R键打开运行 2.输入regedit打开注册表编辑器 3.搜索计算机\HKEY_CLASSES_ROOT\ChromeH ...
chrome浏览器最小字号解决方案
背景 chrome为了提升用户体验,根据电脑分辨率等条件给浏览器设置了默认的最小字号min px,小于这个字号的字体将仍然使用min px显示查看chrome浏览器最小字号浏览器-->设置( ...
css解决谷歌，360浏览器默认最小字体为12px问题
css解决谷歌,360浏览器默认最小字体为12px问题参考文章: (1)css解决谷歌,360浏览器默认最小字体为12px问题 (2)https://www.cnblogs.com/wenzhesh ...
xshell修改默认字体字号、配色方案（背景）
演示版本:Xshell6_plus下载 xshell修改默认字体字号.配色方案(背景) 1.打开:文件→属性 (或者按快捷键Alt+P) 2.设置字体.字号我选择的是Consolas字体,10号大小 ...
修改浏览器默认滚动条样式，兼容IE和谷歌
在项目中,很经常会需要修改浏览器滚动条的默认样式,因为浏览器本身的滚动条可能和设计师设计的页面很不搭配,话不多说上代码我饿 1.谷歌浏览器写法,webkit内核浏览器 ::-webkit-scroll ...
将B/S程序打包成exe，C#对外提供http接口，CefSharp 修改浏览器默认白色背景
简介公司有个项目,需要将我们https的B/S程序集成到的http的B/S程序中,还要保持本身功能完整,由于https程序中需要调用电脑的麦克风和摄像头,这就难受了.最后商量决定将https程序制作 ...
修改BeEF工具默认密码
修改BeEF工具默认密码 BeEF是一个浏览器攻击框架,默认已经安装在Kali Linux系统.其中,该工具的默认用户名和密码都为beef.大学霸IT达人在新版本中,无法使用默认密码登录该服务.其中, ...