横屏禁止

横屏禁止可以用meta标签,也可以用transform 旋转最外层的div,js可以通过事件监听控制横屏和竖屏样式js等等。
js控制横屏竖屏:
window.addEventListener("orientationchange",function(){
  alert(window.orientation);
},false)
 orientation的属性
     0为竖屏模式(portrait),-90意味着该设备横向旋转到右侧的横屏模式(landscape),而90表示该设备是横向旋转到左边的横屏模式(landscape)

<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">
<!-- UC强制全屏 -->
<meta name="full-screen" content="yes">
<!-- QQ强制全屏 -->
<meta name="x5-fullscreen" content="true">
<!-- UC应用模式 -->
<meta name="browsermode" content="application">
<!-- QQ应用模式 -->
<meta name="x5-page-mode" content="app">
<!-- windows phone 点击无高光 -->
<meta name="msapplication-tap-highlight" content="no">

原文地址:https://www.cnblogs.com/hjpqwer/p/7839227.html