侞婼冇罪

主业前端,偶尔也写写后端

移动端判断是否处于横屏还是竖屏状态
<style>
    @media screen and (orientation:portrait) {
        /* portrait-specific styles */
    }
    /* landscape */
    @media screen and (orientation:landscape) {
        /* landscape-specific styles */
    }
</style>

<script type="text/javascript">
    var mql = window.matchMedia("(orientation: portrait)");
    if(mql.matches) {
        alert("竖屏");
    } else {
        alert("横屏");
    }
    // 添加一个媒体查询改变监听者
    mql.addListener(function(m) {
        if(m.matches) {
            alert("竖屏");
        }
        else {
            alert("横屏");
        }
    });
</script>

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_26744901/article/details/52346333
文章标签: 移动 js
个人分类: web前端
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

移动端判断是否处于横屏还是竖屏状态

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭