星空网 > 软件开发 > Java

通过javascript实现页面的横竖屏固定

  javascript是不能固定页面是横屏还是竖屏的,但是我们可以通过另外一种思路来监听window.orientation状态,假设我们要固定页面为横屏显示,则当window.orientation返回的是竖屏,则给整个body页面添加一个样式transform: rotate(90deg);这样页面就是横屏效果了.

  当用户不经意转屏的时候,会触发orientationchange事件,你可以通过window.orientationchange来捕获这个事件,然后再把transform的rotate变回0即可。

  总而言之,就是通过window.orientation来初步判断横屏竖屏,然后再通过window.orientationchange=function(){...}来固定屏幕。




原标题:通过javascript实现页面的横竖屏固定

关键词:JavaScript

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

国际寄快递:https://www.goluckyvip.com/tag/101446.html
德运国际物流有限公司:https://www.goluckyvip.com/tag/101447.html
家具国际快递:https://www.goluckyvip.com/tag/101448.html
深圳市经纬集运国际货运:https://www.goluckyvip.com/tag/101449.html
转型容易:https://www.goluckyvip.com/tag/10145.html
诚约国际物流:https://www.goluckyvip.com/tag/101450.html
餐饮品牌「杨国福」加速出海,计划在欧洲新开20家门店:https://www.kjdsnews.com/a/1841042.html
点点点,2024年消费者法案就这样通过了!:https://www.kjdsnews.com/a/1841043.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流