问题:
为什么 CSS 悬停在移动设备上不起作用?我有一个 CSS 悬停类,可以在桌面浏览器上无缝运行,但无法在移动设备上触发。
答案:
CSS :hover 伪类依赖于区分“指向”和“选择/激活”的指向设备。基于触摸的移动设备通常缺乏专用的指向机制,仅提供后者。此外,某些笔界面还将功能限制为激活而不是指向。
正如 W3C 文档所解释的,“:hover 在用户指定元素(使用某些指点设备)时适用,但不会激活它。用户不支持交互式媒体的代理不必支持此伪类。”
因此,CSS悬停在移动设备上的兼容性取决于特定设备。然而,由于缺乏专用的指点设备,通常预计它无法工作。避免仅仅依赖 :hover 来处理移动设备上的事件是至关重要的。随着触摸屏设备的日益普及,仅指针事件的可用性正在减少。
以上是为什么 CSS 悬停在移动设备上不起作用?的详细内容。更多信息请关注PHP中文网其他相关文章!