移动端的横屏、竖屏判断

js判断横屏竖屏

function hengshuping(){
	if(window.orientation==180||window.orientation==0){
		alert("竖屏状态！")
	}
	if(window.orientation==90||window.orientation==-90){
		alert("横屏状态！")
		}
	}

window.addEventListener("onorientationchange" in window ?
"orientationchange" : "resize", hengshuping, false);

在script标签中引入该方法即可

onorientationchange事件一般都支持移动端浏览器，不支持则用resize事件

css判断横屏竖屏

@media screen and (orientation:portrait){
    div {
    		background: red;
    	}
    }
@media screen and (orientation:landscape) {
    div {
    		background: green;
    	}
    }

直接用媒体查询判断即可orientation为portrait是竖屏，orientation为landscape是横屏