如何在cordova Android应用程序中仅针对平板电脑设备

如何在cordova Android应用程序中仅针对平板电脑设备,android,css,cordova,media-queries,Android,Css,Cordova,Media Queries,我有一个Android应用程序的需求,该应用程序需要使用Cordova(一种混合应用程序)HTML5和CSS构建,并且该应用程序需要针对所有(仅)平板设备,从7英寸到最大的(我相信是10.1英寸)。是否有人可以就媒体查询设置的标准实现提供建议以满足此要求? 在构建具有上述要求的混合应用程序时,我对Android的分辨率和DPI概念感到困惑。如果您正在寻找媒体查询,以将应用程序分辨率仅用于平板电脑,以下是您的在清单中使用此配置,仅允许平板电脑设备 <supports-screens

我有一个Android应用程序的需求,该应用程序需要使用Cordova(一种混合应用程序)HTML5和CSS构建,并且该应用程序需要针对所有(仅)平板设备,从7英寸到最大的(我相信是10.1英寸)。是否有人可以就媒体查询设置的标准实现提供建议以满足此要求?
在构建具有上述要求的混合应用程序时,我对Android的分辨率和DPI概念感到困惑。

如果您正在寻找媒体查询,以将应用程序分辨率仅用于平板电脑,以下是您的在清单中使用此配置,仅允许平板电脑设备

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

媒体查询已在RWD(响应式web设计)中使用,通过使用CSS媒体查询标记来响应HTML中的不同大小或断点


如果您的目标是单个断点或小屏幕大小的集合,那么您不需要在CSS中有媒体查询。或者您也可以使用任何针对手机屏幕大小进行优化的现有框架,如Ionic或framework 7。

谢谢Murtaza。。。DPI(ldpi、mdpi等)是什么?我也必须处理它们吗?我该怎么做?好的。。我将从您提供的链接开始实现,并将其添加到清单中。再次感谢:)Murtaza Khursheed Hussain:我现在有两个设备-三星Tab 4和三星Note-都是10.1英寸,都是1280X800。问题在于,在注释中,设备的导航面板位于屏幕内。因此,高度有一个大约20px的问题。你能告诉我怎么处理吗?这肯定有帮助。谢谢你,伊姆兰!:)我还需要媒体查询实现,我也得到了:)这是官方文档参考,在我进行构建之前,我没有清单xml。这是否可能支持在config.xml中以某种方式设置屏幕?另外,若我手动更新清单文件并运行新的cordova构建,它将被覆盖。