Question

在我的cordova应用程序中，我在config.xml中修改了方向，如：

<preference name="orientation" value="landscape"/>

这适用于平板电脑。

现在，如果设备宽度

所以：对于平板电脑，视图将是横向视图和手机视图。

你有什么想法解决它吗？

谢谢你的帮助。

Answer 1

如果您想根据检测到的设备宽度更改Android的方向，则在应用运行时您需要执行此操作，因此您需要从config.xml中删除方向首选项。您可以使用cordova-plugin-screen-orientation插件在应用中设置设备方向，例如：

var MAX_WIDTH = 767;
$(document).on("deviceready", function(){
    if($(window).width() < MAX_WIDTH || $(window).height() < MAX_WIDTH){
        screen.lockOrientation('portrait');
    }else{
        screen.lockOrientation('landscape');
    }
});

使用像素尺寸来确定设备是否是平板电脑不是非常强大 - 具有高分辨率屏幕的较新Android手机将报告屏幕宽度＆gt; 767px。因此，可以考虑使用phonegap-istablet插件来确定设备是否为平板电脑：

$(document).on("deviceready", function(){
    if(window.isTablet){
        screen.lockOrientation('landscape');
    }else{
        screen.lockOrientation('portrait');
    }
});

修复平板电脑和手机屏幕的方向

1 个答案: