文章详情页
javascript - 手机端小游戏开发页面全屏显示问题
问题描述
开发一个简单的小游戏,设计图给的尺寸是640*1136, 做了rem适配后 在有些高度小的手机无法显示全部内容,游戏也不能用滚动条,应该怎么处理啊?谢谢
问题解答
回答1:可以参考一下这个项目中的方法:https://wa.qq.com/xplan/earth...这个项目中有个固定区域显示地球,轨道,小手等,如何保证在不同尺寸下它们的相对位置都相同呢?
他的方法是,在一个固定大小的区域(375 * 600)进行布局,然后根据屏幕大小,scale这个固定区域,让它正好被屏幕contain起来。
我觉得你的游戏也可以用这样的方式。
下图是在不同尺寸下去保证一个固有比例的区域示例:
其实这样的项目在设计的时候就不能把比例设定的太狭隘,你这个比例是按照iphone5的比例设置的,那么其他比iphone5长或者宽的设备上显示都会有问题(就算使用上面的方法,也需要在区域外的部分拿颜色或者背景填充)。
之前看到的例子,这个设计图基本上是个方的,这样他就允许在不同尺寸设备上显示不完全一样,但是关键区域都能显示出来。
回答2:overflow ,然后根据镜头调整场景的位置
标签:
JavaScript
相关文章:
1. 关于《Effective Java中文版(第2版)》的问题2. JAVASCRIPT 构造函数和原型互相指向问题?求助!!!3. css - 移动端 oppo 手机之 Border-radius4. angular.js - ionic 弹窗样式5. angular.js - 如何让图片遇到父容器边缘自动换行显示,不会溢出6. android - 具体的空指针是在哪????7. mysql 创建root 用户出错,这是什么原因?mysql 中也没有root用户8. html5 - 移动端UC浏览器兼容问题9. javascript - 前端富文本编辑器 wangeditor 如何展示富文本?10. docker pull 错误?
排行榜