因为浏览器的限制，页面中的字体大小最小只能设置为12px
再小的话就会影响到浏览效果
在移动端开发中有些特殊情况需要让字体小于12px
既然直接设置不了我们只能使用 transform
用 transform 的 scale 缩放属性将字体缩放，实际上并没有改变字体大小，只是将标签缩放了，这样看起来就小了很多
transform: scale(0.8); //缩放0.8倍
如何用css让页面字体小于12px
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
相关阅读更多精彩内容
- 在这一年的工作中，我发现很多问题你利用自己的「聪明才智」绕过去了，总有一天它会和你不期而遇，今天我们就来直面一个字...
- 转载自:百度知道 中文版Chrome浏览器不支持12px以下字体的解决方案 Chrome 27之前的中文版桌面浏览...
- 前言 chrome 浏览器有 12 px 的字体的限制，因此对于 vw 自适应布局，非常的不友好。 我之前曾经写过...
- 说明：小于12px字体的设计，我们很少接触到，因为pc端那么大的面积，没有必要设计那么小。要是接触到这种设计，一年...
- 在继续的搜寻之下，我有发现了另外的一种方法，就是缩放方法 首先是定义字体为12px，-webkit-transfo...
