如何使用仅限桌面的CSS？

Question

有没有办法创建仅限桌面的 CSS？或者有办法解决这个问题吗？

我一直在看一些像这样的媒体查询，但到目前为止还没有运气：

@media (any-pointer: fine)
@media screen and ( -webkit-min-device-pixel-ratio: 0 )

由于我也使用桌面来模拟移动设备（chrome开发工具），因此我无法查询高分辨率。因为我希望它在我的 CSS 中也能检测为桌面。

有什么想法吗？

Answer 1

我找到了一种可以满足我需要的方法：

• 仅将

  @media (any-pointer: coarse)

  用于触摸屏

我发现可以在 Chrome 开发工具中将移动设备模拟为桌面：