Существует новый Медиа-запрос 4-го уровня , который вполне может стать способом сделать это.
Настоящее волшебство - hover: hover
, но вот некоторая информация о pointer: fine
из MDN :
Основной механизм ввода включает точное указательное устройство.
Вы можете использовать запрос следующим образом:
@media(hover: hover) and (pointer: fine) {
.navigation-main ul li:hover>ul {
display:block;
}
}
Здесь находится тестовый сайт , где вы можете протестировать новые запросы @media на вашем устройстве..