問題描述

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

問題解答

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

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

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

下圖是在不同尺寸下去保證一個(gè)固有比例的區(qū)域示例：

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

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

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