问题:
在pc端hover样式是鼠标悬浮显示,不悬浮就消失;
在移动端,hover样式点击后显示,此后如果我们不做处理,那么hover样式就一直存在。
解决方法:
判断设备是否具备hover事件,决定是否显示hover样式:
@media (any-hover: hover) {
a:hover {
background: yellow;
}
}
这样写就只有支持hover的才会显示hover样式。
问题:
在pc端hover样式是鼠标悬浮显示,不悬浮就消失;
在移动端,hover样式点击后显示,此后如果我们不做处理,那么hover样式就一直存在。
解决方法:
判断设备是否具备hover事件,决定是否显示hover样式:
@media (any-hover: hover) {
a:hover {
background: yellow;
}
}
这样写就只有支持hover的才会显示hover样式。