如何仅在cordova Android应用中定位平板电脑设备

Question

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

Answer 1

在Manifest中使用此配置仅允许使用Tablet设备。

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

Answer 2

如果您正在寻找媒体查询，仅将应用分辨率定位到平板电脑，则此处为solution

Answer 3

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

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