判断移动设备横竖屏,其实主要是通过window.orientation实现,下面看下代码:
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(); }); 屏幕方向对应的window.orientation值: ipad: 90 或 -90 横屏 ipad: 0 或180 竖屏 Andriod:0 或180 横屏 Andriod: 90 或 -90 竖屏
网友评论文明上网理性发言 已有0人参与
发表评论: