本文总结了H5游戏开发中移动端页面布局的经验，推荐使用百分比、vw、vh、rem和em等相对单位。针对兼容性问题，尤其是苹果和安卓设备的差异进行了探讨。还介绍了移动端动画、touch事件的处理、禁止滑屏的方法以及音频播放的注意事项。此外，文章还分享了打乱数组顺序的技巧和针对X5内核浏览器的一些解决策略。
<span style="font-family: Arial, sans-serif; background-color: rgb(255, 255, 255);">1.移动端页面布局，使用相对的数值，不要使用绝对数值，推荐使用%，vw，vh，rem，em</span>
布局的时候，如果一个元素你想让他的宽高保持一定比例，而不随屏幕变化，宽高设置的时候，使用同一个单位
都是CSS3的单位，低版本不兼容
2.兼容性：苹果设备微信强制使用的是os的浏览器safar，页面访问的体验远大于安卓；安卓情况比较乱套：知乎上有人说是微信6.0.2以上是强制使用的QQ的X5浏览器，但是实际情况来看（公司范围），一部分手机如（魅族，小米，一加，三星，LG等）使用的是X5内核，另一部分如（nexus，国靖的小米）使用的是chrome的内核， 由此来看，安卓上的访问情况大部分不容乐观，会不支持某些属性和出现一些异常。
3.经验之谈：UI给出的设计图越来越美观了，但是对于前端的要求就变高了，写页面之前，良好的页面结构设计可以极大地丰富了兼容性和扩展性，这个东西没有对错之分，只有好和更好。
4.移动端的动画：这次我使用的是jquery.animate，出现情况，ios上各个设备均正常&
最低0.47元/天 解锁文章
4125
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
