如何在科尔多瓦 Android 应用程序中仅定位平板设备

Posted 2023-03-06

【中文标题】如何在科尔多瓦 Android 应用程序中仅定位平板设备

【英文标题】：How to target only tablet devices in a cordova Android app

【发布时间】：2015-06-26 20:23:55

【问题描述】：

我需要使用 Cordova（混合应用）html5 和 CSS 构建 android 应用，并且此应用需要针对从 7 英寸到最大（我相信它是 10.1 英寸）的所有（仅）平板电脑设备）。有人可以就针对此要求的媒体查询设置的标准实现提出建议吗？ 在构建具有上述要求的混合应用程序时，我对 Android 的分辨率和 DPI 概念感到困惑。

【参考方案1】：

在 Manifest 中使用此配置以仅允许平板电脑设备。

<supports-screens
        android:largeScreens="true"
        android:normalScreens="false"
        android:requiresSmallestWidthDp="600"
        android:smallScreens="false"
        android:xlargeScreens="true" />

【讨论】：

这绝对有帮助。谢谢伊姆兰！ :) 我还需要媒体查询实现，我也得到了 :)

这是官方文档参考developer.android.com/guide/practices/…

在进行构建之前，我没有清单 xml。是否有可能在 config.xml 中以某种方式设置支持屏幕？此外，如果我手动更新清单文件并运行新的 cordova 构建，它将被覆盖。

【参考方案2】：

如果您正在寻找媒体查询以仅将您的应用解析定位到平板电脑，这里是您的solution

【讨论】：

感谢 Murtaza... DPI（ldpi、mdpi 等）是什么？我也必须处理它们吗？我该怎么做？

好的.. 我开始使用您提供的链接实施并在清单中添加 。再次感谢:)

Murtaza Khursheed Hussain：我现在有两个设备 - 三星 Tab 4 和三星 Note - 都是 10.1 英寸，都是 1280X800。问题是，在 Note 中，设备的导航面板位于屏幕内部。因此，高度存在约 20 像素的问题。请告诉我如何处理这个问题？

【参考方案3】：

媒体查询已在 RWD（响应式网页设计）中使用，通过使用 CSS 媒体查询标签来响应 HTML 中的不同大小或断点。

如果您的目标是单个断点或小屏幕尺寸集，那么您不需要在 CSS 中包含媒体查询。或者，您也可以使用针对手机屏幕尺寸优化的任何现有框架，例如 Ionic 或 Framework 7。