Entwickeln Sie ein einfaches kleines Spiel. Die in der Designzeichnung angegebene Größe beträgt 640 * 1136. Nach der Rem-Anpassung können einige Mobiltelefone nicht den gesamten Inhalt anzeigen und das Spiel kann keine Bildlaufleisten verwenden. Danke
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
可以参考一下这个项目中的方法：https://wa.qq.com/xplan/earth...
这个项目中有个固定区域显示地球，轨道，小手等，如何保证在不同尺寸下它们的相对位置都相同呢？
他的方法是，在一个固定大小的区域（375 * 600）进行布局，然后根据屏幕大小，scale这个固定区域，让它正好被屏幕contain起来。
我觉得你的游戏也可以用这样的方式。
下图是在不同尺寸下去保证一个固有比例的区域示例：
其实这样的项目在设计的时候就不能把比例设定的太狭隘，你这个比例是按照iphone5的比例设置的，那么其他比iphone5长或者宽的设备上显示都会有问题（就算使用上面的方法，也需要在区域外的部分拿颜色或者背景填充）。
之前看到的例子，这个设计图基本上是个方的，这样他就允许在不同尺寸设备上显示不完全一样，但是关键区域都能显示出来。
overflow ，然后根据镜头调整场景的位置