实现小于 12px 的文字

现代桌面浏览器通常可以直接设置：

.small-text {
  font-size: 10px;
}

部分旧浏览器、移动 WebView 或特殊环境可能存在最小字号限制，此时可以使用缩放。

transform: scale()

.small-text {
  display: inline-block;
  font-size: 12px;
  transform: scale(0.8333); /* 10 / 12 */
  transform-origin: left center;
}

注意：

• 缩放整个元素，不只是文字。
• 只改变视觉大小，不改变原始布局尺寸。
• 可能产生留白、对齐或点击区域问题。

zoom

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

zoom 使用简单，但不是通用标准方案，兼容性要求较高时不建议优先使用。