我正在重新设计一个在按钮上使用悬停效果的网站（例如，当您将鼠标放在按钮上时按钮图像会发生变化，当您点击它时，它会转到另一个页面）。
现在，如果您使用的是台式机/笔记本电脑，那么工作正常。但在平板电脑上，悬停/ onmouseover效果不起作用。在平板电脑上，单击按钮图像时，它会短暂更改，然后立即转到新页面。
网站可以检测访问者是否来自平板电脑的方法和技巧是什么？那么可以切换到平板电脑的CSS版本吗？或者，是否有平板电脑框架（即Modernizer？）可以帮助完成这个过程？
答案 0 :(得分：4)
触摸设备没有悬停事件，无法模拟可能启动它的用户交互。确保没有与悬停事件关联的关键功能（大多数只是突出显示），因此如果设备没有，则不会丢失功能。浏览器通过UA字符串嗅探是一种有缺陷的策略 - 每次新设备出现或现有设备的字符串更改时，您都必须更新它。如果您的维护成本很高，那就太棒了，但如果您是支付维护费用的话，那就太好了。
答案 1 :(得分：1)
您只需检查浏览器的User-Agent参数即可识别iPad（或移动设备）。
在PHP中，您可以执行以下操作：
if( strstr($_SERVER['HTTP_USER_AGENT'],'iPad') ) { // Add custom iPad CSS }
如果你想进一步了解你可以使用WURFL（http://wurfl.sourceforge.net/）