hover sí funciona correctamente en máquinas que no tienen pantallas táctiles. Obtienes hover con un puntero de mouse o touchpad, por ejemplo, aquí estoy pasando el mouse sobre el botón de compartir:
Pero para las laptops que tienen pantalla táctil y mouse/touchpad… no estoy seguro de que exista una forma de detectar cuándo el mouse está desconectado versus conectado.
No sé si hay alguna manera de solucionar esto mediante detección de medios CSS4:
Pero sería agradable poder solucionar esto para dispositivos que aparecen como ambos: pantalla táctil y mouse, para permitir hover en ellos. Los usuarios han recurrido a desactivar la pantalla táctil en sus laptops para que funcione, probablemente porque nunca usan la parte de la pantalla táctil de todos modos.
Probé esto: https://jsfiddle.net/davidThomas/q29r4pjs/3/ y obtuve
- escritorio
mouse - iphone
táctil - surface pro mouse ← ¡incorrecto!
También probé https://jsfiddle.net/Blackbam/zkd2cs0t/16/ y los resultados fueron los mismos: el dispositivo con pantalla táctil y mouse se ve idéntico al escritorio.