iH5要怎么做不同手机h5页面的适配？

Posted 2023-05-09

1、一般来说，iH5的手机案例默认的尺寸是640*1040px，也就是iPhone6 plus的尺寸，你遇到案例呈现不完整的情况应该是手机型号的不同导致的。

2、你可以设置舞台或者设备的属性，舞台裁剪为no，如果用的是短款手机观看作品，有滚动条也可以看到完整的案例。

3、如果你想要实现完美适配，可以做三个设备，宽度均为640，高度可设置为1040（iPhone6 plus）、1008（iPhone5s和大部分Android手机）、832（iPhone4s）。

1、HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式。

2、HTML5可以更好的促进用户和网站间的互动情况。使用 HTML5可以提供更多高质量的视频和音频。到目前为止，事实就是iPhone和iPad将不会支持FLASH，同时ADOBE公司也公开声明将停止FLASH基于移动平台的开发。

3、HTML5不仅仅是针对手机的，对pc端的网站同样适用的。

参考技术A

看了一下回答，可能都是需要做多个尺寸去适配不同的手机机型，但在 意派Epub360 上只需要一种方式就可以很好的适配市面上所有的主流机型。

1.微信PLUS画布设置，在右侧找到作品信息面板——作品属性——页面尺寸，默认为微信PLUS画布。

html5 手机端怎么优化页面滑动

参考技术A 1、如果是div设置了滚动条导致滑动不顺畅，可以在css中加入-webkit-overflow-scrolling : touch;
2、如果是幻灯片，可以用swiper插件一类的。
3、尽量用css3开启GPU加速（css随便哪里加个transform:transition3d(0,0,0);），用transform:translate(x,y)代替mairgin或者top。
4、减少滑动过程中的运动DOM。