亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

移動端游戲頁面橫屏顯示問題

移動端游戲頁面橫屏顯示問題

LEATH 2019-02-05 21:10:02
最近因為工作需要,所以在制作一個移動端2D游戲。因為是橫版游戲,且和微信公眾號聯系,所以需要強制橫屏,以下為強制橫屏代碼:  window.onload = function () {        if(window.orientation==180||window.orientation==0) {            document.body.style.width = window.innerHeight;            document.body.style.height = window.innerWidth;            document.body.style.transform = 'rotate(90deg)';        } else{            document.body.style.transform = 'rotate(0)';        }    }但是在強制橫屏后,界面寬高出現問題,分辨率也有問題。如下圖:在電腦端顯示正常,如下:為了測試,所以只渲染了一張圖。以下是用pixi.js寫的舞臺及渲染器: var stage = new Container(),        renderer = new autoDectectRenderer(width, height);    document.body.appendChild(renderer.view);    直接是用窗口的大小來設置的。然后強制橫屏是在參數初始化之前,也嘗試了再次初始化,一樣不行。希望大神們不吝指教。
查看完整描述

1 回答

?
翻翻過去那場雪

TA貢獻2065條經驗 獲得超14個贊

直接判斷屏幕寬高可以了,
width>height就是手機已經橫屏,不需要旋轉body
width<height手機沒有橫屏,旋轉body

查看完整回答
反對 回復 2019-02-13
  • 1 回答
  • 0 關注
  • 456 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號