Media query hover: none does not apply on Android browsers, does on iOS

What the title says. I’m using:

@media (hover: none) {

I thought this would be a good way from switching from desktop to mobile. According to the spec:


Indicates that the primary pointing device can’t hover, or that there is no pointing device. Examples include touchscreens and screens that use a basic drawing stylus.

Pointing devices that can hover, but for which doing so is inconvenient and not part of the normal way they are used, also match this value. For example, a touchscreen where a long press is treated as hovering would match hover: none."

I’m trying it on an HTC One 3T and an iPad. I swear it used to work on the phone too but now it refuses to. I can’t figure it out. The user agent isn’t on desktop.