我正在为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;
}
但这只是一个黑客攻击。是否有任何现有的方法来锁定宽度和高度属性以及方向锁?
答案 0 :(得分:0)
使用
"orientation": "portrait-primary"
在manifest.webapp文件中,它使屏幕方向永久为纵向。