使用JavaScript判断手机浏览器横屏如何改竖屏是横屏还是竖屏问题

来源：蜘蛛抓取(WebSpider) 时间：2017-11-06 07:21 标签： ios 判断横屏还是竖屏
在移动端开发时，有时候需要判断手机的横竖屏，那么就需要用到window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。
屏幕方向对应的window.orientation值：
ipad或iPhone： 90 或 -90 横屏ipad或iPhone： 0 或180 竖屏Andriod：0 或180 横屏Andriod： 90 或 -90 竖屏
使用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法
function direction() {
if (window.orientation == 90 || window.orientation == -90) {
//ipad、iphone竖屏；Andriod横屏
$("body").attr("class", "landscape");
orientation = 'landscape';
else if (window.orientation == 0 || window.orientation == 180) {
//ipad、iphone横屏；Andriod竖屏
$("body").attr("class", "portrait");
orientation = 'portrait';
//页面加载时调用
$(function(){direction(); });//用户变化屏幕方向时调用$(window).on( 'orientationchange', function(e){direction();});
阅读(...) 评论()HTML5中判断横屏竖屏的方法(移动端)
互联网 & 08-04 11:24:02 & 作者：佚名 &
这篇文章主要介绍了HTML5中判断横屏竖屏的方法(移动端)的相关资料,需要的朋友可以参考下
在移动端中我们经常碰到横屏竖屏的问题，那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。
这里有两种方法：
一：CSS判断横屏竖屏
写在同一个CSS中
@media&screen&and&(orientation:&portrait)&{ &&
&&/*竖屏&css*/ &&
@media&screen&and&(orientation:&landscape)&{ &&
&&/*横屏&css*/ &&
分开写在2个CSS中
&rel=&stylesheet&&media=&all&and&(orientation:portrait)&&href=&portrait.css&&&&
&rel=&stylesheet&&media=&all&and&(orientation:landscape)&&href=&landscape.css&&&&
二：JS判断横屏竖屏
//判断手机横竖屏状态： &&
window.addEventListener(&onorientationchange&&in&window&?&&orientationchange&&:&&resize&,&function()&{ &&
&&&&&&&&if&(window.orientation&===&180&||&window.orientation&===&0)&{& &&
&&&&&&&&&&&&alert('竖屏状态！'); &&
&&&&&&&&}& &&
&&&&&&&&if&(window.orientation&===&90&||&window.orientation&===&-90&){& &&
&&&&&&&&&&&&alert('横屏状态！'); &&
&&&&&&&&}&& &&
&&&&},&false);&&&
//移动端的浏览器一般都支持window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。
屏幕方向对应的window.orientation值：
ipad,iphone： 90 或 -90 横屏ipad,iphone： 0 或180 竖屏Andriod：0 或180 横屏Andriod： 90 或 -90 竖屏
大家感兴趣的内容
12345678910
最近更新的内容当前位置： →
→ JS代码如何判断ipad或者iphone是否为横屏或者竖屏
JS代码如何判断ipad或者iphone是否为横屏或者竖屏
& 作者及来源： 互联网 &
&收藏到→_→：
摘要: [JS代码]如何判断ipad或者iphone是否为横屏或者竖屏
"JS代码如何判断ipad或者iphone是否为横屏或者竖屏"：：
日期：&&来源：gbin1.com
在ipad/iphone开发中我们往往需要判断用户目前的屏幕的位置，这样加以优化显示内容。今天这里我们分享一个 的代码，能够有效帮助大家判断横屏或者竖屏。注意这里调用了 的 ，所以你需要引用 类库。
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(){
/* 在用户变化屏幕显示方向的时候调用*/
$(window).bind( 'orientationchange', function(e){
来源：[ 代码]如何判断ipad或者iphone是否为横屏或者竖屏 - portrait或者landscape
搜索此文相关文章：此文来自: 马开东博客
网址: 站长QQ
JS代码如何判断ipad或者iphone是否为横屏或者竖屏_ipad相关文章
ipad_总排行榜
ipad_月排行榜
ipad_周排行榜
ipad_日排行榜21被浏览17,663分享邀请回答0添加评论分享收藏感谢收起02 条评论分享收藏感谢收起他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)

我要回帖

更多关于 ios 判断横屏还是竖屏 的文章

 

随机推荐