Consulta de mídia CSS para detectar o tipo de dispositivo, independentemente do tamanho

Eu estive pesquisando consultas de mídia, mas até agora todos os exemplos que posso encontrar no google e no Stack Overflow foram usar tamanhos específicos (max-width, max-device-width, etc.) O problema é que isso não me dá a flexibilidade necessária. Desejo oferecer uma experiência ** especificamente adaptada ** para desktops e tablets.

A razão pela qual desejo fazer isso é que interagir com um tablet é diferente de interagir com um monitor de computador pequeno. Um iPad na orientação paisagem é 1024x768, que também é um tamanho comum de monitor de computador. A diferença, porém, é que, em um computador, é fácil apontar para controles pequenos com um mouse, mas é muito difícil tocar nos mesmos controles de tamanho em um iPad, especialmente para alguém com dedos grandes ou desajeitados.

Como posso fornecer uma experiência personalizada para um usuário do iPad versus um usuário de desktop com um monitor do mesmo tamanho? Eu gostaria que a experiência na área de trabalho não fosse obrigada a usar botões de tamanho jumbo exigidos por uma experiência de toque.

Isso é possível com consultas de mídia ou outra coisa? Vejo que há uma opção "portátil" para consultas de mídia, mas li que a maioria dos navegadores de dispositivos pequenos ignora isso.