突破最小字号

问题描述：

在 Web 开发中，不同的浏览器对 最小字号 可能会有限制，通常字体大小最小只能设定到 12px（部分移动端浏览器）。但有些设计需求可能需要更小的字体，比如：

• 版权信息（如 "© 2000 公司名称"）
• 小型标注或注释
• 细节 UI 设计
• ...

解决思路：

1. 使用 transform: scale() 进行缩放。

   .small-text {
     font-size: 12px;
     transform: scale(0.8);
     display: inline-block; /* 避免 inline 元素缩放失效 */
     transform-origin: left top; /* 确保缩放不会影响布局 */
   }

   注意：transform 只会对“块盒”和“行块盒”生效，一些“行盒”元素注意更改下类型。

2. 使用 zoom 进行缩放。

   .small-text {
     font-size: 12px;
     zoom: 0.8;
   }

   注意 zoom 的兼容性。