美文网首页
移动端横竖屏解决方案

移动端横竖屏解决方案

作者: 老白儿 | 来源:发表于2016-12-11 17:59 被阅读22次

    orientationchange 事件

    window.addEventListener('orientationchange',function(){
        //orientation 倾斜角度
        console.log(window.orientation);
        var orientation = "";
        switch(window.orientation){
          case 90: case -90:
                //当角度发生变化 横屏状态
               orientation = 'landscape';
          break;
          default:
              //默认竖屏状态
              orientation = 'portrait';
        }
    
    },false);
    

    相关文章

      网友评论

          本文标题:移动端横竖屏解决方案

          本文链接:https://www.haomeiwen.com/subject/rfypmttx.html