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

原创 2016年08月28日 16:16:19
<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>

版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

移动端判断横屏竖屏

可能我们在写移动端项目的时候会有要求或者为了更好的体验会做横竖屏检测,以达到更好的用户体验。 // 判断横竖屏 var utils = { debounce: function(func,d...

HTML5实战与剖析之判断移动端横屏竖屏功能

在手机端经常游走的我们很多时候都会对横屏和竖屏的概念比较熟悉,大家都经常头疼怎么才能判断这横屏和竖屏的状态呢,今儿梦龙就为大家分享分享。

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

用css3解决移动端页面自适应横屏竖屏的思考

之前对于横屏的webapp做过一些尝试,但是始终不是很好的解决方案,前段时间又接触了类似的需求,尝试了感觉更好的解决方案。 之前的方法写的博客:移动网页横竖屏兼容适应的一些体会 这里举的例子还是平时常...

Android编程之横屏竖屏切换及状态保存

总体来说有两种方案: 1.Android系统自动切换   利用Android系统每次屏幕切换会重启Activity的特性,在OnCreat处自动加载不同显示状态下的layout。  ...

[android] Activity 的生命周期 以及 横屏竖屏切换时 Activity 的状态变化

生命周期 Android 系统在Activity 生命周期中加入一些钩子,我们可以在这些系统预留的钩子中做一些事情。 例举了 7 个常用的钩子: protected void onCreate(...

横竖屏切换,控制每一个Controller的横竖屏状态 控制vc 进入的状态横屏或竖屏

横竖屏切换,控制每一个Controller的横竖屏状态 写在前面的话: 在网上看了看,发现大多数博客都写过,但是都会有些小问题。 结合资料和博客总结和整理了一下 适合 ios7+ 第一步 ...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)