css - CSS媒体查询，无论大小如何，都可以检测设备类型

我一直在调查媒体查询，但到目前为止，我在google和Stack Overflow上找到的所有示例都使用了特定的尺寸（max-width，max-device-width等。）问题这是因为它没有给我我需要的灵活性。我希望能够为台式机和平板电脑提供**专门定制的**体验。

我想这样做的原因是与平板电脑的交互不同于与小型计算机显示器的交互。横向iPad是1024x768，这也是普通的计算机显示器尺寸。然而，不同之处在于，在计算机上，用鼠标指向小型控件很容易，但在iPad上轻敲相同尺寸的控件非常困难，尤其是手指较大或笨拙的人。

如何为iPad用户和使用相同尺寸的显示器的桌面用户提供量身定制的体验？我希望桌面体验不会被迫使用触摸体验所需的巨型按钮。