pointer coarse 媒体查询到底在判断什么

在移动端热区扩展一类实践里，@media (pointer: coarse) 经常被拿来加大可点范围。它真正判定的不是屏幕宽窄，也不是“有没有触摸屏”，而是主指针设备的精度等级。

CSS 的 pointer 媒体特性描述的是当前主指向设备能精确到什么程度：fine 对应鼠标、触控板、触控笔等高精度输入；coarse 对应手指触控这类精度有限的输入；none 则表示没有可用指向设备。匹配结果跟视口宽度解耦——外接鼠标的平板可能落在 fine，纯触控的大屏更可能是 coarse。因此它比单纯依赖宽度断点更贴近真实交互能力：布局断点管排版，指针断点管“点得准不准”。

这层语义对热区策略尤其关键。触控场景下命中误差大，需要更大的可点区域；鼠标场景下光标细小，隐形热区扩过头反而抬高误触概率。把扩展量抽成自定义属性，在 pointer: coarse 下加大、默认收紧，一处改动即可全局生效，也避免在每个宽度断点里同步维护 padding 与对冲 margin 两套数值。

还须区分 pointer 与 any-pointer：前者只看主设备，后者覆盖任意可用指针。同一台设备同时具备鼠标与触控时，pointer 的结果取决于系统认定的主输入；若目标是“只要存在粗指针就放大热区”，应使用 any-pointer: coarse。二者语义不同，混用会让断点行为变得难预期。

核心原则很明确：样式应响应输入精度，而不是猜测设备形态。点得粗就放大可点范围，点得细则收紧，这才是 pointer: coarse 在交互层上的实际价值。