CSS media query to detect device type regardless of size

Question

I have been looking into media queries, but so far all the examples I can find on google and Stack Overflow have been to use specific sizes (max-width, max-de

Answer 1

It's not possible with media queries. There is a "handheld" media type, but most, if not all modern handheld devices identify themselves as "screen".

To do it with javascript, see this question: What's the best way to detect a 'touch screen' device using JavaScript?