禁用移动设备和平板电脑上的悬停效果

要禁用移动设备和平板电脑上的悬停效果，可以使用媒体查询来检测设备类型，并在移动设备上禁用悬停效果。

以下是一个示例代码：

/* CSS样式 */
/* 桌面设备上的悬停效果 */
.my-element:hover {
  background-color: red;
}

/* 移动设备上禁用悬停效果 */
@media (hover: none) {
  .my-element:hover {
    background-color: initial;
  }
}

在这个示例中，.my-element 是要应用悬停效果的元素。在桌面设备上，当鼠标悬停在 .my-element 上时，背景颜色将变为红色。而在移动设备上，由于 @media (hover: none) 媒体查询的存在，.my-element 元素上的悬停效果将被禁用，背景颜色将恢复初始状态。

请注意，这种方法仅适用于支持 hover 媒体查询的设备和浏览器。一些较旧的设备和浏览器可能不支持这种媒体查询，因此需要根据具体情况选择其他解决方法。