【CSS】CSS怎么设置小于12px的字体 浏览器限制最小字体大小解决方法

CSS的最小尺寸为1px,所以理论上可以将font-size设置为1px,但是实际上如果将font-size属性缩小到12px以下就没有效果了,这是因为浏览器限制了最小字体大小

这只是PC端的浏览器进行的限制,手机端默认没有开启该限制,还是可以直接通过CSS设置最小字体的

限制原因

这个是 Chrome 为了更好显示中文设计的,google公司认为,人眼最小最舒服的字体识别是12px,小于12px的字体将会引起不适
比如:
在这里插入图片描述

解决方法

使用transform: scale();属性缩放字体所在元素即可实现小字体显示

你可能感兴趣的:(CSS,偏门知识,css,css3,字体大小)