Question

我正在使用此条件来检测ios设备的纵向或横向。但它不起作用。可能是什么问题？

if (navigator.standalone) {
    var windowHeight = $(window).height();
    var windowWidth = $(window).width();

        if(windowWidth>windowHeight) {
            $('body').css('border','0');
        }else{
            $('body').css('border-top','20px solid #c23c2f');
        }
}

（windowWidth＆gt; windowHeight）似乎不起作用，因为它只适用于页面的第一次加载，如果用户使用横向作为默认值，那么当倾斜为纵向时，则不满足条件。

Answer 1

这段代码什么时候执行？

您应该监听orientationchange事件，然后执行代码

参考：https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

引用添加如下事件侦听器：

<body onorientationchange="updateOrientation();">

但您也可以使用jquery添加它，如果您不想进行数学计算或不可靠，可以使用window.orientation确定屏幕的方向

apple web app状态栏检测到肖像或风景不起作用

1 个答案: