Как отменить hover-эффекты для touchscreen устройств?

Question

[Андрей Федоров]

Селектор вероятно *:hover, а вот дальше что делать?

Answer 1

[Анатолий Филиппов]

Я пошёл проще - в медиа указывал hover только для экрана шире 1080

Но этот вариант на любителя

Comments

[Андрей Федоров]

У меня сейчас так сделано. Только для экрана меньше 600. Это некорректно, потому как окно браузера на десктопе может быть и меньшего размера.

[Сергей delphinpro]

Андрей Федоров: modernizr -> touchevents

[Матвей Мамонов]

Андрей Федоров: Если окно десктопное меньше 600, то нет смысла считать устройство десктопным.

[Андрей Федоров]

MaxKorz: Матвей Мамонов: Сергей: Сделал пока так:

@media handheild {
*:hover {
	transition: none;
	transform: none;	
}
}

Answer 2

[Матвей Мамонов]

Плюсую посту выше. Писать отдельные стили под мобильные устройства.
Это надо делаь в любом случае, ибо сейчас решите проблему с :hover, а потом столкнетесь с такими, которые никак кроме отдельных стилей решить не удастся.