字号写成 10px 浏览器还是按 12px 渲染 最小字号在管

.tag {
  font-size: 12px;
  transform: scale(.85);
  transform-origin: left center;
}

样式里把角标字号写成九像素，真机上量出来还是十二像素，布局被撑开，行高也跟着变，查半天 CSS 都找不到原因。先别急着动参数，把报错原文和时间点记下来，顺序反了容易白折腾。

原因不复杂，Chrome 在中文环境里默认有十二像素最小字号，低于它的声明会被强制拉回，改 CSS 也没用，只能在浏览器设置里调。这个限制和字体渲染也有关。

「Chrome 最小字号」确认了原因之后，改动尽量只碰那一处，顺手改的东西后面最容易出问题。动手前把原文件复制一份带时间戳，出问题立刻换回去，比现场分析快得多。

一次只改一处，改完立刻验证，几个改动叠在一起，出问题就说不清是谁导致的。

处理上按这个顺序：把关键文字字号提到十二像素以上，别硬压到下限；确实要更小就用 transform: scale 整体缩放，宽度也一起缩，视觉上才统一；在浏览器设置里核对最小字号，别只在代码里找原因。

改完只确认一件事：真机上角标不再被强行放大，行高和整体间距回到设计稿的样子。