如何使用any-pointer伪类在CSS中根据不同设备输入方式调整样式？

本文共计1160个文字，预计阅读时间需要5分钟。

plaintextany-pointer 是一个 CSS 媒体特性，用于检测设备是否具备至少一种指针输入设备（例如鼠标、触摸板）。但它 不判断当前正在使用哪种输入方式，也不反映用户此刻是否在触摸或悬停。它的值是 none、coarse 或 fine，分别对应：

• any-pointer: none 很少见，一般只出现在纯语音/键盘操作的嵌入式设备
• any-pointer: coarse 在手机、平板、带触摸屏的 Windows 笔记本上常见
• any-pointer: fine 多见于传统桌面浏览器（即使设备有触摸屏，只要鼠标可用，就倾向返回 fine）

关键点在于：any-pointer 是设备能力描述，不是实时输入状态。它不会因为用户从摸屏切到插鼠标就动态切换样式。

怎么写才真正适配“有触摸但也有鼠标”的混合设备？

混合设备（如二合一笔记本、Surface、MacBook Touch Bar 机型）会让 any-pointer 返回 fine，哪怕用户正用手指点屏幕——这时单靠它会误判。