文章詳情頁
javascript - 手機端小游戲開發(fā)頁面全屏顯示問題
瀏覽:117日期:2022-11-30 08:43:09
問題描述
開發(fā)一個簡單的小游戲,設(shè)計圖給的尺寸是640*1136, 做了rem適配后 在有些高度小的手機無法顯示全部內(nèi)容,游戲也不能用滾動條,應(yīng)該怎么處理啊?謝謝
問題解答
回答1:可以參考一下這個項目中的方法:https://wa.qq.com/xplan/earth...這個項目中有個固定區(qū)域顯示地球,軌道,小手等,如何保證在不同尺寸下它們的相對位置都相同呢?
他的方法是,在一個固定大小的區(qū)域(375 * 600)進行布局,然后根據(jù)屏幕大小,scale這個固定區(qū)域,讓它正好被屏幕contain起來。
我覺得你的游戲也可以用這樣的方式。
下圖是在不同尺寸下去保證一個固有比例的區(qū)域示例:
其實這樣的項目在設(shè)計的時候就不能把比例設(shè)定的太狹隘,你這個比例是按照iphone5的比例設(shè)置的,那么其他比iphone5長或者寬的設(shè)備上顯示都會有問題(就算使用上面的方法,也需要在區(qū)域外的部分拿顏色或者背景填充)。
之前看到的例子,這個設(shè)計圖基本上是個方的,這樣他就允許在不同尺寸設(shè)備上顯示不完全一樣,但是關(guān)鍵區(qū)域都能顯示出來。
overflow ,然后根據(jù)鏡頭調(diào)整場景的位置
標簽:
JavaScript
相關(guān)文章:
1. javascript - js一個call和apply的問題?2. mysql - SQL語句可以提供“查詢表,并至第100條結(jié)果為止”嗎?3. python - xpath提取網(wǎng)頁路徑?jīng)]問題,但是缺失內(nèi)容?4. android - 類似這樣的recyclerview滑動效果5. javascript - 大家都在用vue來做單頁項目,那vue是否可以在傳統(tǒng)多頁項目上?6. Eclipse / Java-導(dǎo)入java。(namespace)。*是否有害?7. javascript - 給某個類添加一個偽類,這個類有click事件,現(xiàn)在我點擊偽類也觸發(fā)了click事件8. docker不顯示端口映射呢?9. node.js - JavaScript的一個不能理解的地方10. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?
排行榜

熱門標簽