什么!!! 浏览器最小字体12px的限制解除了?

1,522 阅读1分钟

今天早晨跟产品开需求会, 有个需求点需要设置小字体, 产品觉得12px还是有点大, 让我设置成6px, 我当即就说 不行, 浏览器默认最小字体就是12px, 要想达到6px的效果, 常用的就是使用动态单位rem em还有css属性scale进行缩小。 产品说怎么会有这个限制。我说你咋不信呢 来我给你演示, 打开控制台自信改了一个标题的字体大小,回车搞定, 然后一看效果, 我*, 怎么可以

image.png

啪啪打脸。

这咋回事, 原来是最新版的谷歌, 具体从哪个版本开始的,我还要再去翻一下, 我就简单测试了下, 新版的谷歌浏览器,safari。 Edge浏览器是支持的, 360这些 启用Trident内核模式的还不行

但浏览器厂商选择放开这个限制,好处是有些UI效果实现起来不需要写那么多样式代码了,但另一方面, 需要给开发者一个警醒了,意味着以后针对font-size这个样式不能乱来了, 因为我见好多老项目,有人写10px 5px的这种的, 因为以前有浏览器兜底, 默认显示为12px, 现在不行,所以,要特别注意