2024年3月13日发(作者：户安妮)

iH5中级教程：多机型自适应篇，适应多种播放设备

平常我们再做一些h5的微信小游戏的时候，会遇到一件非常烦恼的事情。那就是我

们不同的手机打开的时候，有些手机打开下方会有白条，有些手机会显示不完全。那么这

种情况我们应该怎么办呢？今天给大家介绍一种完美适配的方法，那就是利用iH5做H5

作品后做自适应。

第一步：打开编辑器

第二步：新建长款手机移动设备

1.选中舞台，点击工具栏下的手机移动设备工具，新建移动设备。

2.右键重命名移动设备为长款手机，为了测试的时候方便辨认，设置了一个背景色。

3.长款手机一般是屏幕比较长的手机，安卓的一般是1008px的高度，也是苹果5s的

高度，如果想要适配更长的手机，一般苹果6的高度是1030px，苹果6P的高度是1040px。

4.我们在上面添加一个文本 “长款手机”，标注一下这个移动设备。

第三步：新建短款手机设备

1.方法同步骤二，新建一个移动设备

添加一个文本“短款手机”。

，重命名为短款手机，并为其设置背景颜色和

2024年3月13日发(作者：户安妮)

iH5中级教程：多机型自适应篇，适应多种播放设备

平常我们再做一些h5的微信小游戏的时候，会遇到一件非常烦恼的事情。那就是我

们不同的手机打开的时候，有些手机打开下方会有白条，有些手机会显示不完全。那么这

种情况我们应该怎么办呢？今天给大家介绍一种完美适配的方法，那就是利用iH5做H5

作品后做自适应。

第一步：打开编辑器

第二步：新建长款手机移动设备

1.选中舞台，点击工具栏下的手机移动设备工具，新建移动设备。

2.右键重命名移动设备为长款手机，为了测试的时候方便辨认，设置了一个背景色。

3.长款手机一般是屏幕比较长的手机，安卓的一般是1008px的高度，也是苹果5s的

高度，如果想要适配更长的手机，一般苹果6的高度是1030px，苹果6P的高度是1040px。

4.我们在上面添加一个文本 “长款手机”，标注一下这个移动设备。

第三步：新建短款手机设备

1.方法同步骤二，新建一个移动设备

添加一个文本“短款手机”。

，重命名为短款手机，并为其设置背景颜色和