用于手持设备而非小型浏览器屏幕的 CSS 媒体查询

Question

在现代的高分辨率手持设备时代，是否可以仅使用 CSS 媒体查询而不是通过分辨率来检测手持设备？我不想像这里的其他问题一样只针对 iPad，我想确定我使用的是手持浏览器还是桌面浏览器，以便用户在高分辨率平板电脑上看到移动 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