手持式而不是小浏览器屏幕的CSS媒体查询

Question

在现代的高分辨率手持设备中，是否有可能仅通过CSS媒体查询而不是通过分辨率来检测手持设备？我不想像这里的其他一些问题那样只针对iPads，我想确保我使用的是手持浏览器还是桌面浏览器，这样用户就可以在高分辨率平板电脑上看到移动CSS，而如果他调整浏览器窗口的大小，就看不到移动布局。只有CSS才能做到这一点吗？

Answer 1

例如，您可以这样使用它

@media handheld and (min-width: 700px) and (orientation: landscape) { ...  }

源：https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

值得注意的是，不幸的是，许多“手持设备”仍然不能接受这种类型，所以你必须单独解决这些问题。

更多帮助：Detect if a browser in a mobile device (iOS/Android phone/tablet) is used