【前端知识之CSS】怎么让Chrome支持小于12px的文字

前言

本系列主要整理前端面试中需要掌握的知识点。本节介绍怎么让Chrome支持小于12px的文字。

---

一、背景

Chrome中文版浏览器默认设定页面的最小字号是12px，英文版的没有限制。如果文本需要以更小的字号来显示，就需要编写代码的时候就设置好。
解决的方法包括：

1. zoom：变焦；
2. -webkit-transform:scale()：放缩；
3. -webkit-text-size-adjust:none：根据设备(浏览器)来自动调整显示大小。

二、Zoom

zoom可以改变页面上元素的尺寸，属于真实尺寸

<style>
    .span1 {
     
        font-size: 12px;
        display: inline-block;
        zoom: 0.8;
    }
    .span2 {
     
        font-size