鍍金池/ 問(wèn)答/HTML5  HTML/ 有沒(méi)有辦法將H5頁(yè)面在用戶豎屏的情況下橫屏顯示,里面所有內(nèi)容也橫屏,就像游戲里面

有沒(méi)有辦法將H5頁(yè)面在用戶豎屏的情況下橫屏顯示,里面所有內(nèi)容也橫屏,就像游戲里面那樣?

在看js游戲引擎的時(shí)候,有一個(gè)情況是自動(dòng)橫屏和自動(dòng)豎屏,在移動(dòng)端開(kāi)發(fā)類(lèi)似游戲的移動(dòng)頁(yè)面(還沒(méi)必要用到游戲引擎)的情況下,游戲頁(yè)面設(shè)計(jì)很可能全部橫屏模式,如果用戶設(shè)置了屏幕鎖定,不允許屏幕自轉(zhuǎn),那一打開(kāi)頁(yè)面就應(yīng)該是撐滿全屏,強(qiáng)制頁(yè)面旋轉(zhuǎn)90度的,有沒(méi)有很好的方案,將頁(yè)面旋轉(zhuǎn)90度,并且里面的元素也都旋轉(zhuǎn)過(guò)來(lái)?

回答
編輯回答
冷溫柔

更正: 下面這個(gè)答復(fù)會(huì)報(bào)一個(gè)錯(cuò)誤,The page needs to be fullscreen in order to call screen.orientation.lock(),并不能工作。

====================

js里加這一句:

screen.orientation.lock('landscape');

2017年7月26日 00:31