I have some CSS3 animated hover states on my website that don't function so great on mobile (no surprise), how do I write a media query to target only devices?
When you write a media query, make sure to use min-device-width and max-device-width instead of min-width and max-width.
min-device-width
max-device-width
min-width
max-width
Thanks!
I have some CSS3 animated hover states on my website that don't function so great on mobile (no surprise), how do I write a media query to target only devices?
When you write a media query, make sure to use
min-device-widthandmax-device-widthinstead ofmin-widthandmax-width.Thanks!