Я бы хотел использовать чистый css, чтобы обеспечить другое поведение для устройств, которые не поддерживают наведение. Это легко достижимо на устройствах iOS и Google с:
@media (hover: none) {
}
Однако устройства Android, похоже, не поддерживают это так, как я ожидаю. Вот простой тестовый пример: https://codepen.io/kylegordy/pen/abOLbXV
Я ожидаю, что все зеленое на устройстве, которое поддерживает наведение (например, на рабочем столе), и все красное на устройстве, которое не поддерживает. Но телефоны Samsung терпят неудачу с обоими медиа-запросами для зависания.
Кажется, что мы можем обойти это, протестировав pointer: coarse, но это не то, что мы на самом деле пытаемся проверить, поэтому я не хочу использовать это в качестве обходного пути. Есть ли какое-то другое решение, которое я должен рассмотреть?