踩坑：Unity导出WebGL发布到手机上竖屏时强制显示横屏

具体的适配问题

公司的项目需要将游戏导出WebGL 发布到Web平台 本以为是个很简单的事情 谁知道却被个横竖屏适配搞的头晕 毕竟只有大学浅浅的学了下HTML这门语言 出来工作后基本上都是在跟C# Lua打交道 言归正传 看看具体问题吧

游戏如果从横屏进入 基本上不会有什么适配问题

但是现在人大多数手机都是开着 锁定屏幕方向 这就导致大部分人其实是以竖屏进入游戏的

像这样：

这样显然是不符合用户体验的 要用户先把屏幕锁定关了 在旋转成横屏 这一操作在游戏引流里都可以直接劝退一波用户了

解决方案

理论方案

理论上解决很简单 只需在index里进入时判断手机方向并监听手机旋转事件

<script>
    var orientation = window.orientation;
    if(orientation == 180 || orientation == 0 || orientation == -180){
        //竖屏
    }else{
        //横屏 orientation = 90 或者 orientation = -90 
    }

    window.onorientationchange