关于横竖屏的获取:
1、var isPortrait = window.matchMedia("(orientation: portrait)").matches;
通过判断 isPortrait 的值true/false。通过window.addEventListener("resize",function(){})监听来判断当前是横屏还是竖屏。
2、通关监听window.addEventListener("resize",function(){}) 拿window.innerWidth,window.innerHeight的比较,判断当前是横屏还是竖屏。
3、window.addEventListener("onorientationchange"inwindow ? "orientationchange" : "resize", onOrientationWinodow,false);
function onOrientationWinodow() {
if(window.orientation == 180 || window.orientation == 0) {
alert("竖屏状态!")
}
if(window.orientation == 90 || window.orientation == -90) {
alert("横屏状态!")
}
}
但第三中有一个问题,那就是在某些pad下会出现横竖屏旋转的角度是反着的。
所以最好是用resize去判断会好一些。