我正在重新设计一个在按钮上使用悬停效果的网站(例如,当您将鼠标放在按钮上时按钮图像会发生变化,当您单击它时,它会转到不同的页面)。
现在,如果您使用的是台式机/笔记本电脑,它就可以正常工作。但是在平板电脑上,悬停/鼠标悬停效果不起作用。在平板电脑上,单击按钮图像时,它会短暂改变,然后立即转到新页面。
网站可以通过哪些方法和技术来检测访问者是否来自平板电脑?那么是否可以切换到平板电脑 CSS 版本?或者,是否有平板电脑框架(即 Modernizer?)可以帮助完成此过程?
最佳答案
触摸设备没有悬停事件,也无法模拟可能启动它的用户交互。确保没有与悬停事件相关的关键功能(大多数只是突出显示),因此如果设备没有它,也不会丢失功能。浏览器通过 UA 字符串嗅探是一种有缺陷的策略 - 每次出现新设备或现有设备的字符串发生变化时,您都必须更新它。如果您愿意支付高昂的维护费用,那就太好了,但如果您是为此付费的人,那就不行了。
关于javascript - 平板电脑(即 iPad)上的悬停效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8114608/