久久r热视频,国产午夜精品一区二区三区视频,亚洲精品自拍偷拍,欧美日韩精品二区

您的位置:首頁技術文章
文章詳情頁

javascript - 手機端小游戲開發(fā)頁面全屏顯示問題

瀏覽:167日期:2022-11-30 08:43:09

問題描述

開發(fā)一個簡單的小游戲,設計圖給的尺寸是640*1136, 做了rem適配后 在有些高度小的手機無法顯示全部內(nèi)容,游戲也不能用滾動條,應該怎么處理啊?謝謝

問題解答

回答1:

可以參考一下這個項目中的方法:https://wa.qq.com/xplan/earth...這個項目中有個固定區(qū)域顯示地球,軌道,小手等,如何保證在不同尺寸下它們的相對位置都相同呢?

他的方法是,在一個固定大小的區(qū)域(375 * 600)進行布局,然后根據(jù)屏幕大小,scale這個固定區(qū)域,讓它正好被屏幕contain起來。

我覺得你的游戲也可以用這樣的方式。

下圖是在不同尺寸下去保證一個固有比例的區(qū)域示例:javascript - 手機端小游戲開發(fā)頁面全屏顯示問題javascript - 手機端小游戲開發(fā)頁面全屏顯示問題

其實這樣的項目在設計的時候就不能把比例設定的太狹隘,你這個比例是按照iphone5的比例設置的,那么其他比iphone5長或者寬的設備上顯示都會有問題(就算使用上面的方法,也需要在區(qū)域外的部分拿顏色或者背景填充)。

之前看到的例子,這個設計圖基本上是個方的,這樣他就允許在不同尺寸設備上顯示不完全一樣,但是關鍵區(qū)域都能顯示出來。

javascript - 手機端小游戲開發(fā)頁面全屏顯示問題

回答2:

overflow ,然后根據(jù)鏡頭調(diào)整場景的位置

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 甘洛县| 辽阳县| 民和| 临沭县| 普兰县| 麻阳| 罗定市| 南江县| 敦煌市| 武穴市| 望江县| 贵州省| 邛崃市| 普兰店市| 乌兰察布市| 南皮县| 确山县| 元江| 沙湾县| 古田县| 偏关县| 方正县| 日土县| 天镇县| 玉林市| 错那县| 大洼县| 浮山县| 封开县| 县级市| 夏邑县| 乳源| 富平县| 广东省| 娱乐| 古田县| 丰宁| 科技| 富源县| 锦州市| 大安市|