我发现这个网站有一个子菜单，在我的iPhone/Pad上工作得很好，我很好奇他们是如何让li:hover ul{为触摸屏工作的?
我看了整个HTML, CSS, JS，没有什么突出的，所以如果有人能有一个高峰，我很感兴趣，他们发现了什么
我的学校网站(www.harveygs.kent.sch.uk)也有同样的问题，但Servicepoint网站给了我答案-只需在菜单的第一个
- 之后添加"(您的菜单标题)"
你不能让:hover在移动设备上工作。菜单显示点击事件和悬停事件。我不确定这个网站是如何做点击事件，但你可以用JavaScript或a:active CSS选择器
如果它是一个可以获得焦点的元素，那么悬停CSS应该在触摸屏上工作-这些"菜单"项也是链接，所以当它们被触摸获得焦点时，它们会对悬停事件做出反应。您应该能够对任何元素执行此操作，这些元素可以类似地获得焦点(我使用没有HREF属性的链接)，以便在鼠标经过它时激活悬停事件，或者在触摸屏上触摸对象。