jquery手机横屏竖屏判断显示

在ipad/iphone开发中我们往往需要判断用户目前的屏幕的位置，这样加以优化显示应用内容。今天这里我们分享一个jQuery的代码，能够有效帮助大家判断横屏或者竖屏。注意这里调用了jQuery的方法，所以你需要引用jQuery类库。

function orient() {alert('gete');if (window.orientation == 0 || window.orientation == 180) {$("body").attr("class", "portrait");orientation = 'portrait';return false;}else if (window.orientation == 90 || window.orientation == -90) {$("body").attr("class", "landscape");orientation = 'landscape';return false;}
}/* 在页面加载的时候调用 */
$(function(){orient();
});/* 在用户变化屏幕显示方向的时候调用*/
$(window).bind( 'orientationchange', function(e){orient();
});

转载于:https://www.cnblogs.com/bkq421511585/archive/2012/09/07/bingzhenbaobei321.html

jquery手机横屏竖屏判断显示相关推荐

h5手机横屏竖屏样式bug
状态竖屏横屏修改前修改后解决方法: function verticaHorizontalScreenChange() {//横屏竖屏切换处理事件函数if (window.orientatio ...
Android手机横屏竖屏的应用
学习了一下在Android手机横屏的应用,记录下来以备查用. if(getRequestedOrientation() == ActivityInfo.SCREEN_ORIENTATION_LANDS ...
网页手机横屏竖屏下字体和图标大小不一样
head里增加一行 <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0" name ...
QGraphicsView旋转(横屏竖屏)
试图完成一个可横屏竖屏切换的界面,考虑到横屏之后文字也需要转过来,所以使用QGraphicsView将widget加入QGraphicsScene中,旋转QGraphicsView使整个界面旋转. 代 ...
手机屏幕的横屏竖屏的切换与判断
在一般情况下,横屏竖屏的切换,会将activity杀死再生成新的,那么会影响用户的体验度.有两种方法,可以解决. (1).直接固定横屏或者竖屏,屏幕不会切换. 在配置清单中: <activity ...
判断横屏竖屏方式（三种）
本文主要介绍了通过HTML,CSS,JS三种判断横屏竖屏的方法.具有很好的参考价值,下面跟着小编一起来看下吧在做移动端页面的时候经常会遇到需要判断横屏还是竖屏.下面将目前已知的通过HTML,CSS, ...
php判断显示器横屏还是竖屏,判断横屏竖屏（三种）
在做移动端页面的时候经常会遇到需要判断横屏还是竖屏.下面将目前已知的通过HTML,CSS,JS三种判断方法记录下来,方便以后翻阅. 1.通过在html中分别引用横屏和竖屏的样式: //引用竖屏的CSS ...
android横屏竖屏设置
Android横竖屏切换总结(Android资料) Android横竖屏要解决的问题应该就两个: 一.布局问题二.重新载入问题 1.布局问题:如果不想让软件在横竖屏之间切换,最简单的办法就是在项目的 ...
css多媒体竖屏,css3 媒体查询方向：横屏竖屏教程
大家好,今天给大家分享的是css3 媒体查询方向:横屏竖屏教程,希望大家喜欢. 说道媒体查询,很多人会感觉陌生,但是对于做响应式开发的同学来说,那是再熟悉不过了. 结合CSS媒体查询,可以创建适应不同 ...
Android 模拟器横屏竖屏切换设置
Android 模拟器横屏竖屏切换设置时间:2012-07-04 来源:设计与开发作者:Daniel 点击:5571 摘要: Android 模拟器旋转,横屏.竖屏切换设置,andr ...

jquery手机横屏竖屏判断显示

jquery手机横屏竖屏判断显示相关推荐

最新文章

热门文章