我尝试创建自适应网页（使用Bootstrap，媒体查询）并遇到2个问题
内部<li class="dropdown">，在<p>标记上我已应用.hvr-underline-from-center类（来自http://ianlunn.github.io/Hover/网站），该版本在桌面上正常工作（最大宽度为992像素），但是在手机和平板电脑上显然这不起作用，所以 如何使这种悬停效果在触摸/移动设备上运行 ？ 如何我可以使用媒体查询并将onshover更改为onclick，当您点击<li class="dropdown">时，您会看到＆＃34; hover＆＃34;效果并同时打开<ul class="dropdown-menu subm">？
P.S.Don不知道为什么jsfiddle <ul class="dropdown-menu subm">无法工作
同样的事情是关于图像。我想要同样的＆＃34;徘徊＆＃34;对平板电脑和手机有效，但有一点差别---当您点击图片（仅在手机和平板电脑上）时，您应该会在点击的图片上看到<div class="mask">，并且它应该＆＃34;徘徊＆＃34;直到用户点击＆＃34;更多＆＃34;或在其他地方。
我已阅读有关此主题的所有帖子，尝试使用:active，:focus，同时将:hover更改为.hover，但似乎没有任何帮助我。如果我的问题有点令人困惑，但我对响应式Web开发相当新。