移动端浏览器 禁止放大 横屏 竖屏

禁止放大：

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />

强制横屏或者竖屏：

<meta name="screen-orientation" content="portrait">//uc
<meta name="x5-orientation" content="portrait">//qq

orientationChange事件判断横屏竖屏

window.addEventListener("orientationchange", function() {//window.orientation为0,90，-90

//0为竖屏模式（portrait），-90意味着该设备横向旋转到右侧的横屏模式（landscape），而90表示该设备是横向旋转到左边的横屏模式（landscape）

alert(window.orientation);

}, false);

media queries

@media all and (orientation: portrait) {

body div {background: red;}

}

resize事件来判断，通过判断窗口宽高值的判断是否横屏

​
if(document.documentElement.clientWidth > document.documentElement.clientHeight){

    }else{

    }

​