移动端web开发总结

最近参与了一次微信商城的重构开发，在重构期间发现了一些问题，结合一些在之前的开发中遇到的问题，再此对移动端web开发进行一些总结。

微信开发是个坑

开发过程中发现微信浏览器是个坑，因为Android、iOS这2个平台微信浏览器的内核是不一致的，所以这2个微信浏览器的表现也是不一致的，其中Android端的问题会多一点，其中问题如下：

1. Android端使用overflow会出现页面移动问题；

2. Android端在某些时候会出现赋值延时的情况，面对这样的问题，目前我暂时使用setTimeout函数来解决此问题；

所以建议在开发期间使用Android、iOS真机对自己绘制的页面进行测试，最好PC微信浏览器下也测试下，很多问题在chrome浏览器下是发现不了的。

屏幕适配

对于屏幕适配，我共计经历了以下三个阶段：

1. 确保常用最小尺寸（最小分别率）的设备显示是正常的，可能在大尺寸的设备上有点不是特别的美观，但是保证了最小尺寸设备显示正常，一般来说大尺寸设备上也能看得过去；

2. 使用阿里的rem方案，这应该算是个hack，我对hack的方式不是特别的喜欢；

3. 这个方案算是我最喜欢的方案了，使用vw、vh百分比单位，目前几乎所有的移动端浏览器都提供了比较好的支持，所以无需担心，目前存在的问题是，在Android设备上键盘弹出导致页面变形的问题。

样式重置

meta设置