怎么判断手机屏幕是横屏的,还是竖屏的

window.onload = function(){
            //横竖屏
            function doOnOrientationChange(){
                switch(window.orientation){
                    case 90:
                        transverse();
                        break;
                    case -90:
                        transverse();
                        break;
                    default:
                        vertical();
                        break;
                }
            }
            window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", doOnOrientationChange, false);
            doOnOrientationChange();
            function transverse(){
                jQuery("#loading").hide();

            }
            function vertical(){
                jQuery("#loading").show();
            }
        }

  

时间: 2024-10-12 14:45:09

怎么判断手机屏幕是横屏的,还是竖屏的的相关文章

js判断手机浏览器是横屏or竖屏

移动端的浏览器一般都支持window.orientation这个参数,通过这个参数可以判断出手机是处在横屏还是竖屏状态. 从而根据实际需求而执行相应的程序.通过添加监听事件onorientationchange,进行执行就可以了. //判断手机横竖屏状态: function hengshuping(){ if(window.orientation==180||window.orientation==0){ alert("竖屏状态!") } if(window.orientation==

iOS的横屏(Landscape)与竖屏(Portrait)InterfaceOrientation

转自:http://www.molotang.com/articles/1530.html 接着上篇写的触摸事件,这次借机会整理下iOS横屏和竖屏的翻转方向支持,即InterfaceOrientation相关的内容. 最近做一个页面,最初并没有太多考虑orientation的情况,当其嵌入到一个在iPad上使用横屏(Landscape)的应用中,就会只显示在屏幕的左面,而且貌似还没显示全,这个……很丑!发自内心地觉得这么做对不起苹果的设计理念!对不起乔老爷子... 改!说到该就要了解苹果开发中对

使所有页面都屏幕不能旋转(始终竖屏)

是不是很想有一种方法,使写一次代码,就可以使所有的页面屏幕都在不旋转(即在屏幕转的时候,字幕并不会改变) 首先上下结构图: 上代码: #import "AppDelegate.h" #import "RootViewController.h" @implementation AppDelegate - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDic

Android 判断当前屏幕是横屏还是竖屏

记录学习 /**  * 返回当前屏幕是否为竖屏.  * @param context  * @return 当且仅当当前屏幕为竖屏时返回true,否则返回false.  */  public static boolean isScreenOriatationPortrait(Context context) {  return context.getResources().getConfiguration().orientation == Configuration.ORIENTATION_PO

Unity3D开发安卓应用如何设置横屏显示和竖屏显示

说起 Unity3D 开发安卓应用设置屏幕方向,大家肯定都知道在发布的时候可以设置,也就是在下图所示的位置设置,分别表示:正向竖屏显示.倒向竖屏显示.右横屏显示.左横屏显示.跟随手机自动旋转.图一是设置屏幕显示的正方向,图二是设置允许显示的方向. 而且网上基本上也都是介绍的这种办法.这种方法有个弊端,就是设置了横屏或者竖屏后,那么应用在运行过程中,就是永远是横屏或者竖屏显示,无法更改. 博主我这次在开发项目中,拿到的需求是有些场景下横屏显示,有些场景下竖屏显示,这就太尴尬了,用上面的方法根本行不

Activity的强制横屏与强制竖屏

开发中经遇到某个Ativity需要强制横屏,例如:一个Ativity负责播放视频,竖屏看起来极丑,那干脆打开该Activity的时候就让它横屏显示. 这需要在清单文件中找到该Activity,然后加入一行代码,来指定它的显示方式: android:screenOrientation="landscape" (强制横屏) android:screenOrientation="portrait"(强制竖屏) 代码位置如图:

rem(根据判断手机屏幕大小自动调整rem值的js代码)

//可以直接引用这个js文件 !function(win) { function resize() {  var domWidth = domEle.getBoundingClientRect().width;  if(domWidth / v > 540){   domWidth = 540 * v;  }  win.rem = domWidth / 16;  domEle.style.fontSize = win.rem + "px"; } var v, initial_sc

js判断用户使用设备及移动端竖屏代码实现

var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1, //opera内核 webKit: u.indexOf('AppleWebKit') > -1, //苹果.谷歌内核 gecko: u.

单个ViewController支持横屏,其他全竖屏方法-b

如果项目中用了navigationViewController, 那么就应该新建一个uinavigationViewController的子类,然后在这个类里面写上下面的代码,在使用的时候就用自定义的这个navCtr, 就是说需要在根视图里面控制 - (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation { return toInterfaceOrientation