在H5移动端开发强制竖屏，横屏时提示

最新推荐文章于 2024-07-10 03:00:09 发布

浅箬

最新推荐文章于 2024-07-10 03:00:09 发布

阅读量6k

点赞数

分类专栏：日常问题总结文章标签：强制竖屏移动端开发横屏提示

本文链接：https://blog.csdn.net/qq_34458824/article/details/90700131

版权

1、不同的浏览器有不同的做法，参考如下：

<meta name="screen-orientation" content="portrait">

2、根据代码判断，竖屏时正常显示，横屏时提示：（代码如图所示：）

       window.onorientatiοnchange=function(){
       if(window.orientation==90||window.orientation==-90){
               (function rotate() {
                   var orientation = window.orientation;
                   var pd = null;
                   function createPd() {
                       if(document.getElementById('preventTran') === null) {
                           var imgData = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAABaCAYAAADkUTU1AAAI9ElEQVR4Xu1cfXBcVRU/5+Z1N8GEj2AhFQvUIigfBetYaRVbBhADU2wHVoYk3bx3k8kMcSyFPxzUf8IfOjrqIHYUXbL3vW6mKXbtINapg1ColLEUnYIj9QPGOE0VdUjjlE3tdnffO87J7GY26yZ9H5tNst37X5tzzu/87rl777v3nnMR5rhFo9HLhBDrhRC3AMBqAFgBABfmYU8CwAgAHAGAVwDgJaXUO+Vc6u7uXhkOh0/GYrGxIC5jEOVZdLG3t7fdcZyHiOgORHSL4xDRfiHEE/F4fB8AEGNIKdcS0fMA8IxpmluC+OzWEdcY0Wh0jaZp2wFgjWulMoJE9CoRbRVCEHcCIp4PAOOpVOqSZDJp+7VdMcIbNmzQVqxYMYCIXwEA4dehEj2O+GlEfF/h/xFxfTwef9mv/YoQ7u/vb06n00kA+FypIxweAHgdAJ4DgF9nMpmj4+Pj77Jca2vr0nA4fC0ArAeAO4lotYvh/22l1JfnjXAkEmluaWn5JQB8ukx09hLRgGVZb7hxUNf1m4QQjxHRxlmI/0kpxZ3kqwWNMEopfwIAkRL0fwNAn1Lq51696ujouKKxsfEwAFw6