移动端横竖屏代码实现

作者: 巩小白 | 来源:发表于2017-06-29 17:21 被阅读36次

jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法
function orient() {
if (window.orientation == 90 || window.orientation == -90) {
//ipad、iphone竖屏;Andriod横屏
$("body").attr("class", "landscape");
orientation = 'landscape';
return false;
}
else if (window.orientation == 0 || window.orientation == 180) {
//ipad、iphone横屏;Andriod竖屏
$("body").attr("class", "portrait");
orientation = 'portrait';
return false;
}
}
//页面加载时调用
$(function(){
orient();
});
//用户变化屏幕方向时调用
$(window).bind( 'orientationchange', function(e){
orient();
});

相关文章

网友评论

  • 466aba6fd62e:直接用媒体查询来做方便些呢
    巩小白:@严微追梦 当然也可以啊,只是这是我的工作笔记,遇到了就记下来啦

本文标题:移动端横竖屏代码实现

本文链接:https://www.haomeiwen.com/subject/hyqvcxtx.html