日期:2012-4-15 来源:GBin1.com
在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();
});
...
...
来源:[JS代码]如何判断ipad或者iphone是否为横屏或者竖屏 - portrait或者landscape
分享到:
相关推荐
判断横竖屏状态有两种方法:css判断、js判断 (一)、css判断横屏还是竖屏 1、写在同一个css文件中 @media screen and (orientation: portrait) { /*竖屏 css*/ } @media screen and (orientation: landscape) { /*...
* 设置为横屏 */ if (getRequestedOrientation() != ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE) { setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT); } super.onResume(); } 2.
在AndroidManifest.xml的activity(需要禁止转向的activity)配置中加入android:screenOrientation=”landscape”属性即可(landscape是横向,portrait是纵向)。例如: <?xml version=1.0 encoding=utf-8?> &...
在移动端中我们经常碰到横屏竖屏的问题,那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。 这里有两种方法: 一:CSS判断横屏竖屏 写在同一个CSS中 XML/HTML Code复制内容到剪贴板 @media screen and...
2021最新手账系列-BLUSH - WEEKLY PLANNER - PORTRAIT - A4.pdf
Android横竖屏切换,包含代码中横屏 180 旋转 ,竖屏180 旋转; //横屏正方向 if(getRequestedOrientation() == ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE) { setRequestedOrientation(ActivityInfo.SCREEN_...
Android横竖屏要解决的问题应该就两个:一。布局问题;... “landscape” 横屏显示(宽比高要长) “portrait” 竖屏显示(高比宽要长) “user” 用户当前首选的方向 “behind” 和该Activity下面的那个Act
在做移动端页面的时候经常会遇到需要判断横屏还是竖屏。下面将目前已知的通过HTML,CSS,JS三种判断方法记录下来,方便以后翻阅。 1、通过在html中分别引用横屏和竖屏的样式: <link rel=stylesheet media=all...
共有三个值 :0为竖屏模式(portrait),90为向左反转变为横屏模式(landscape),-90为向右反转变为横屏模式(landscape),最后180就是设备上下互换还是竖屏模式。 (2)orientationchange 是一个event,在设备...
有经验的你肯定知道,当用户竖屏打开时,提示说你要把手机转过来是在是件很傻×的事情。这时如果用户没开启手机里的横屏模式,还要逼用户去开启。这时候用户早就不耐烦了。这篇文章主要介绍了关于移动端页面强制竖屏...
xiesen-portrait-main.zip
本文介绍了iOS如何实现强制转屏、强制横屏和强制竖屏的实例代码,分享给大家 今天项目中遇到正在看视频的时候账号被挤,如果当时是横屏的情况下,需要强制竖屏。真头疼,网上找了好多方法,终于解决啦。O(∩_∩)O~ ...
2021最新手账系列-BLUSH - THIS WEEK - PORTRAIT - A4.pdf
2021最新手账系列-BLUSH - MY WEEK - PORTRAIT - A4.pdf
2021最新手账系列-BLUSH - THE WEEKLY PLAN - PORTRAIT - A4.pdf
ios全局竖屏某界面横屏,支持delegate设置,内含tabbar和nav设置
对模拟器,只要“Ctrl+F12“,就可以可以实现竖屏(portrait)和横屏(landscape)的切换。下面一个简单的例子,如图。我们需要写两个AndroidXML文件,假定文件为chapter_19_test1.xml,放在常规目录位置layout/内容...
复制代码代码如下:<!DOCTYPE HTML><html><head><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″><title>Link study</title><!–竖版本使用的样式–>&...
数据库表结构:见flink-user-portrait-main项目根目录/dbfile/mysql/MongoDB- 版本:mongodb-linux-x86_64-4.0.9- 可视化工具Robomongo:robo3t-1.3.1 Windows版大数据组件- Hadoop:hadoop-2.8.5.tar.gz- HBase:...
Android Zxing 扫描条码实现竖屏模式(portrait mode) 摄像头camera 旋转90度 具体实现