javascript - 手機(jī)端小游戲開(kāi)發(fā)頁(yè)面全屏顯示問(wèn)題
問(wèn)題描述
開(kāi)發(fā)一個(gè)簡(jiǎn)單的小游戲,設(shè)計(jì)圖給的尺寸是640*1136, 做了rem適配后 在有些高度小的手機(jī)無(wú)法顯示全部?jī)?nèi)容,游戲也不能用滾動(dòng)條,應(yīng)該怎么處理啊?謝謝
問(wèn)題解答
回答1:可以參考一下這個(gè)項(xiàng)目中的方法:https://wa.qq.com/xplan/earth...這個(gè)項(xiàng)目中有個(gè)固定區(qū)域顯示地球,軌道,小手等,如何保證在不同尺寸下它們的相對(duì)位置都相同呢?
他的方法是,在一個(gè)固定大小的區(qū)域(375 * 600)進(jìn)行布局,然后根據(jù)屏幕大小,scale這個(gè)固定區(qū)域,讓它正好被屏幕contain起來(lái)。
我覺(jué)得你的游戲也可以用這樣的方式。
下圖是在不同尺寸下去保證一個(gè)固有比例的區(qū)域示例:
其實(shí)這樣的項(xiàng)目在設(shè)計(jì)的時(shí)候就不能把比例設(shè)定的太狹隘,你這個(gè)比例是按照iphone5的比例設(shè)置的,那么其他比iphone5長(zhǎng)或者寬的設(shè)備上顯示都會(huì)有問(wèn)題(就算使用上面的方法,也需要在區(qū)域外的部分拿顏色或者背景填充)。
之前看到的例子,這個(gè)設(shè)計(jì)圖基本上是個(gè)方的,這樣他就允許在不同尺寸設(shè)備上顯示不完全一樣,但是關(guān)鍵區(qū)域都能顯示出來(lái)。
overflow ,然后根據(jù)鏡頭調(diào)整場(chǎng)景的位置
相關(guān)文章:
1. list - python 求助2. 請(qǐng)問(wèn)寫(xiě)好python模塊以后,文檔怎么寫(xiě)?3. 后端開(kāi)發(fā) - mysql按時(shí)間分段統(tǒng)計(jì)的sql語(yǔ)句怎么寫(xiě)好?4. javascript - 原生JS和jQuety關(guān)于設(shè)置圖片輪播定時(shí)器問(wèn)題5. c++ - 如何在python的阻塞的函數(shù)中獲取變量值6. 初來(lái)乍到,相對(duì)路徑問(wèn)題,新手求教7. 哭遼 求大佬解答 控制器的join方法怎么轉(zhuǎn)模型方法8. 老師您好!我有一個(gè)問(wèn)題、9. javascript - iframe 為什么加載網(wǎng)頁(yè)的時(shí)候滾動(dòng)條這樣顯示?10. mysql - 在下剛?cè)腴T(mén)sql 關(guān)于sql的語(yǔ)法詢問(wèn)
