移动端横竖屏代码实现

作者: 巩小白 | 来源:发表于2017-06-29 17:21 被阅读36次

    jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法
    function orient() {
    if (window.orientation == 90 || window.orientation == -90) {
    //ipad、iphone竖屏;Andriod横屏
    $("body").attr("class", "landscape");
    orientation = 'landscape';
    return false;
    }
    else if (window.orientation == 0 || window.orientation == 180) {
    //ipad、iphone横屏;Andriod竖屏
    $("body").attr("class", "portrait");
    orientation = 'portrait';
    return false;
    }
    }
    //页面加载时调用
    $(function(){
    orient();
    });
    //用户变化屏幕方向时调用
    $(window).bind( 'orientationchange', function(e){
    orient();
    });

    相关文章

      网友评论

      • 严微追梦:直接用媒体查询来做方便些呢
        巩小白:@严微追梦 当然也可以啊,只是这是我的工作笔记,遇到了就记下来啦

      本文标题:移动端横竖屏代码实现

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