默认下 tracking-tight 为 letter-spacing: -0.025em，tracking-wide 为 0.025em；实际像素值随 font-size 变化，如 text-sm 下约 -0.35px，text-4xl 下约 -0.9px；常见无变化因字体特性、font-mono、prose 重置或 kern 覆盖，需查 computed 样式验证。
tracking-tight 和 tracking-wide 的实际值是多少
默认配置下，tracking-tight 对应 letter-spacing: -0.025em，tracking-wide 是 letter-spacing: 0.025em。注意：tracking-tight 并不是“最紧”的选项——tracking-tighter（-0.05em）反而更紧，tracking-tightest（若自定义为 -0.075em）才更极端。
这些值基于当前 font-size 计算：比如 text-sm（通常 0.875rem ≈ 14px），那么 -0.025em 就约等于 -0.35px，肉眼几乎不可辨。换到 text-4xl（2.25rem ≈ 36px）时，同样 tracking-tight 就变成 -0.9px，效果才明显。
为什么加了 tracking-tight 却没变化
常见原因不是类名写错，而是：
- 字体本身字距设计宽松（如某些 display 字体），
-0.025em被视觉抵消 - 父容器设置了
font-feature-settings: "kern"或类似 OpenType 特性，覆盖了 letter-spacing - 用了
font-mono类——等宽字体对 letter-spacing 不敏感，尤其小字号下 - 元素被包裹在
prose插件的样式作用域内，其默认重置了letter-spacing
验证方式：直接在 DevTools 中检查 computed 样式，确认 letter-spacing 是否生效、是否被 cascade 覆盖。
如何安全地扩大或压缩字间距
不要只依赖预设类，尤其当设计稿明确要求 ±0.1em 或像素值时：
- 在
tailwind.config.js的theme.extend.letterSpacing中添加自定义项，例如：'tighter-2': '-0.075em'或'wide-px': '1px' - 避免用
tracking-widest做大标题——它默认是0.1em，在text-5xl下可能过散，改用tracking-wide+ 响应式前缀更可控 - 组合使用时注意顺序：
md:tracking-wide tracking-tight会被后者覆盖（Tailwind 按类名顺序应用），应写成tracking-tight md:tracking-wide
响应式字间距容易被忽略的细节
响应式前缀（如 md:tracking-wide）只在对应断点及以上生效，且不会自动回退。比如：
<p class="tracking-tight md:tracking-wide lg:tracking-normal">...</p>
这段文本在手机上收紧，平板变宽，桌面恢复默认——但如果你漏写了 lg: 部分，桌面会沿用 md: 的宽值，而不是“还原”。更隐蔽的是：Tailwind 默认不为 tracking 生成 hover 或 focus 变体，想实现悬停收紧必须手动在 variants.extend 中开启。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
