Question

js如何判断手机或平板 旋转屏幕 后的 高度和宽度?

用 "orientationchange" 或 "resize" 监听返回的都是旋转前的 高度和宽度。。
想到解决办法， 要么宽高 互换，麻烦一点，要么 window.devicePixelRatio 转换 只不过会有点误差

Answer 1

window.addEventListener("orientationchange", function(){
alert('得到的是旋转之前DIV的高和宽')
setTimeout(function () { alert('延时一秒后得到的是旋转之后DIV的高和宽') }, 1000);
})
我是这样解决的，延时一秒后可以得到旋转之后的高和宽，但我总感觉这方法不太好 万一是性能不好的设备 一秒过后还没完成相应的设置 此方法就无效了，题主你是用什么方法解决的？..

Answer 2

每隔零点几秒反复调用resize。

追问

问题是 得到的是
是旋屏后的 window.screen.width 和 window.screen.height
但是旋屏前的 document.body.offsetWidth 和 document.body.offsetHeight

但我操作的是后2个.

Answer 3

resize 之后重新获取高度和宽度不就OK了吗？

追问

问题就在这儿, 得到的是
是旋屏后的 window.screen.width 和 window.screen.height
但是旋屏前的 document.body.offsetWidth 和 document.body.offsetHeight

追答

$(document).width()

------------------------------
习惯了jquery 你试试
var wid=$(window).width;
$(window).resize(function() {
wid=window.screen.width;
alert(wid);
});

追问

是啊，你的wid 肯定是旋转后的值。
但我要取的是 $(".xx").width();旋转后的值,不是window.screen.width。