要使HTML5游戏能够适应手机，开发者需要考虑以下几个关键点：

响应式设计

利用CSS3中的媒体查询（Media Queries）根据设备的屏幕尺寸和分辨率调整页面的布局和样式。例如，可以设置不同的字体大小、导航菜单样式，或者隐藏一些不常用的功能模块，以保证在不同尺寸的手机设备上都能提供良好的用户体验。

移动端优化

使用rem作为字体大小单位，以保证在不同设备上字体大小的一致性。

利用CSS3中的动画和过渡效果提高页面的交互性。

可以使用JavaScript框架（如Bootstrap）来快速搭建移动端页面，节省开发时间。

本地存储

利用HTML5提供的本地存储（localStorage）和会话存储（sessionStorage）功能，将数据保存在本地，以便用户在无网络情况下继续使用应用，并实现数据的同步。

视口元标签

在HTML文档中添加视口元标签，以定义页面的宽度，并确保在不同设备上都有良好的显示效果。例如：

```html

```

弹性布局

使用弹性布局（Flexbox）来实现手机自适应设计，根据设备的大小动态调整网页的布局。

测试和优化

在不同设备和浏览器上进行测试，确保游戏在各种环境下都能正常运行，并根据测试结果进行优化。

通过以上步骤，可以确保HTML5游戏在手机上的良好适应性和用户体验。开发者应该根据具体的游戏需求和目标用户群体，选择合适的技术和方法来实现这些功能。