admin管理员组

文章数量:1529464

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

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

限制原因

这个是 Chrome 为了更好显示中文设计的，google公司认为，人眼最小最舒服的字体识别是12px，小于12px的字体将会引起不适
比如：

解决方法

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

 

<span style="margin-top: 0;-webkit-transform-origin-x: 0;-webkit-transform: scale(0.90);">
2          <span style="color: #444;margin-top: 1px;">1、</span>
3          <span style="margin-top: 2px;">默认查询显示不达标的数据        
4          </span>
5 </span>

本文标签： 字体大小解决方法最小浏览器字体

版权声明：本文标题：【CSS】CSS怎么设置小于12px的字体 浏览器限制最小字体大小解决方法 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1726624546a1078620.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。