在Firefox OS中锁定宽度和高度以及方向锁定

时间:2015-07-30 12:42:46

标签: javascript html rotation orientation firefox-os

我正在为Firefox OS开发一个应用程序,该应用程序应始终以纵向视图工作,因此我使用

锁定了方向
screen.mozLockOrientation("portrait");

效果很好

但是当我旋转设备虽然方向始终是纵向时,宽度和高度属性不会保持不变。在我的应用程序中有一些分区,其宽度和高度由javascript决定,基于屏幕的宽度和高度。确定分区大小的功能是在应用程序启动时运行,当我在启动期间保持手机旋转(横向)时,高度被视为宽度,反之亦然。如何锁定屏幕的宽度和高度属性以及方向锁?

我是否需要编写一个功能,首先检查设备方向,然后根据方向确定哪个是正确的宽度和高度?或者是否有另一种方法来锁定宽度和高度属性,如方向锁?

我找到的唯一方法是显示黑客

var widthToUse,heightToUse;
if(screen.width < screen.height){
widthToUse=screen.width;
heightToUse=screen.height;
}
else{
widthToUse=screen.height;
heightToUse=screen.width;
}

但这只是一个黑客攻击。是否有任何现有的方法来锁定宽度和高度属性以及方向锁?

1 个答案:

答案 0 :(得分:0)

使用    "orientation": "portrait-primary"  在manifest.webapp文件中,它使屏幕方向永久为纵向。