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

原创 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实战与剖析之判断移动端横屏竖屏功能

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

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

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

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

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

如何获取屏幕的状态以及横屏与竖屏自动切换

demo1:获取屏幕的状态 ,横屏与竖屏自动切换fragment public class MainActivity extends Activity { @Override prote...

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

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

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

横竖屏切换,控制每一个Controller的横竖屏状态 写在前面的话: 在网上看了看,发现大多数博客都写过,但是都会有些小问题。 结合资料和博客总结和整理了一下 适合 ios7+ 第一步 ...

竖屏转横屏的 Activity切换效果

  • 2017年01月16日 10:25
  • 2KB
  • 下载

Android怎样判断当前屏幕是否为横屏状态

一般来说,我们应用中绝大多数页面会需要强制用户横屏或者竖屏,但是少数页面除外,比如说视频播放器页面。 这两天,在做功能的时候,有个需求是判断用户的屏幕是否为横屏,通常我们会使用activit...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:移动端判断是否处于横屏还是竖屏状态
举报原因:
原因补充:

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