intel xdk锁定屏幕旋转

时间:2015-08-20 10:49:57

标签: hybrid-mobile-app intel-xdk

我正在使用代码来锁定我的html应用程序页面之一的方向,但它似乎无法正常工作,请指导我缺少的内容或修复方法

table lotteries
table "users" (column won is either 0 or 1)

1 个答案:

答案 0 :(得分:0)

在hybridsapps上强制使用某个特定的方法有点困难,因为你使用的是钛金属或科尔多瓦,或者你正在为Android,iO或Windows开发。

我建议使用另一个透视图:尝试使用JavaScript检测设备的方向(例如,在调整窗口大小时触发事件,并将高度与宽度进行比较),并显示警告以便仅读取Web从您想要的方向,或应用90度的转换到网站的主体,以旋转它与设备。

另一种选择是为每个方向应用CSS样式。

http://jsfiddle.net/pq20rd0g/

<body onresize="myFunction()" onload="myFunction()">

<p>Try to resize the browser window to emule the orientation change.</p>

<p id="demo"></p>

<p><strong>Note:</strong> this example will not work properly in IE8 and earlier. IE8 and earlier do not support the outerWidth/outerHeight propery of the window object.</p>

<script>
function myFunction() {
    var w = window.outerWidth;
    var h = window.outerHeight;
    var txt = "";
   if (w < h) {
             txt ="The windows is <b>PORTRAIT</b> mode";
   } else if (h < w) {
    txt ="The windows is <b>LANDSCAPE</b> mode";
   } else {
    txt ="The windows is <b>SQUARE</b> mode";
   } document.getElementById("demo").innerHTML = txt;
}
</script>

</body>

对不起我的英语。