横竖屏

Posted 2020-10-12 xh.w

横竖屏监听事件onorientationchange捕获到的是屏幕旋转瞬间之前的状态，所以通过事件对象获取的屏幕宽度并不是旋转后的宽度。

var sw = screen.width,
    sh = screen.height;
$(window).on("orientationchange",function(){
    if(window.orientation==180||window.orientation==0) {
        // 竖屏 sw
        // ...
    };
    if(window.orientation==90||window.orientation==-90) {
        // 横屏 sh
        // ...
    }
});