文章詳情頁
javascript - 手機端小游戲開發頁面全屏顯示問題
瀏覽:145日期:2022-11-30 08:43:09
問題描述
開發一個簡單的小游戲,設計圖給的尺寸是640*1136, 做了rem適配后 在有些高度小的手機無法顯示全部內容,游戲也不能用滾動條,應該怎么處理啊?謝謝
問題解答
回答1:可以參考一下這個項目中的方法:https://wa.qq.com/xplan/earth...這個項目中有個固定區域顯示地球,軌道,小手等,如何保證在不同尺寸下它們的相對位置都相同呢?
他的方法是,在一個固定大小的區域(375 * 600)進行布局,然后根據屏幕大小,scale這個固定區域,讓它正好被屏幕contain起來。
我覺得你的游戲也可以用這樣的方式。
下圖是在不同尺寸下去保證一個固有比例的區域示例:
其實這樣的項目在設計的時候就不能把比例設定的太狹隘,你這個比例是按照iphone5的比例設置的,那么其他比iphone5長或者寬的設備上顯示都會有問題(就算使用上面的方法,也需要在區域外的部分拿顏色或者背景填充)。
之前看到的例子,這個設計圖基本上是個方的,這樣他就允許在不同尺寸設備上顯示不完全一樣,但是關鍵區域都能顯示出來。
overflow ,然后根據鏡頭調整場景的位置
標簽:
JavaScript
相關文章:
1. macOS Sierra 10.12 安裝mysql 5.7.1出現錯誤2. mysql - 拖拽重排序后怎么插入數據庫?3. android - 安卓做前端,PHP做后臺服務器 有什么需要注意的?4. javascript - 按鈕鏈接到另一個網址 怎么通過百度統計計算按鈕的點擊數量5. mysql 獲取時間函數unix_timestamp 問題?6. mysql - 僅僅只是把單引號與反斜杠轉義不用prepare statement能否避免sql注入?7. php - 生產環境下,給MySQL添加索引,修改表結構操作,如何才能讓線上業務不受影響?8. mysql主主同步,從庫不同步應該怎么解決?9. mysql在限制條件下篩選某列數據相同的值10. 新入手layuiadmin,部署到tp中。想用php自已寫一個后臺管理系統。
排行榜
