单个页面内容不能过多

常见设计尺寸：750 x 1334/640 x 1134，包括手机顶部信号条的高度。

移动H5活动页面通常需要在微信和QQ等各种社交应用中共享。

用移动设备查看页面时，会发现微信浏览器有一个顶部导航栏，qq内置浏览器不仅有一个顶部导航栏，底部还有一个操作栏(safari浏览器也是一样)，会占用设计稿显示区，所以在设计过程中需要考虑内容， 并且在页面底部要留有一定的空白，这样就不会被微信或qq覆盖(如果页面已经写好，只能根据上面的大小调整内容，减少元素间距和缩放)

标题简短

移动浏览器的导航条宽度有限，一个短标题就能让它显示完整。

二维码图片使用 img 标签引入

不要写二维码图片作为元素背景，否则长按不会触发扫描功能。Img标签应用于介绍。

二维码图片记得扫描测试

有时候扫完二维码会跳到一个地址。遗憾的是，QQ或微信会对该地址进行温馨提示，导致部分用户无法继续访问，从而无法很好地引导用户进入活动想要推广的产品/品牌页面，如App的下载页面。所以二维码的扫描测试不能少(比如二维码的扫描结果是应用的下载地址，可以用App Bao的微下载地址生成二维码，不会“温馨提醒”。)。

使用 打包工具（比如gulp） 拼合图片

如果你打算先布局，然后用自动化工具(比如大口-sprite-generator2)把图片放在一起(即通过css生成向导图)，以减少请求的数量，那么需要注意的是，在编写CSS的时候，图片的宽度和高度要固定，然后通过定位和显示拼接后区域的宽度和高度来显示图片。建议先把图片放在一起再排版。您可以使用gulp.spritesmith一步获得合并的向导图和相应的css文件。

CSS 动画属性前缀 webkit

如果用CSS3做动画效果，一定要记得加webkit前缀，否则动画效果在部分手机上是不可用的(可以用自动搭建工具)。