# 移动端活动
## 微信单屏活动尺寸
- 不包含微信导航条的设计尺寸640×1008,主体内容区域640x812(底部危险区画线位置)
- 不包含微信导航条的设计尺寸750x1206,主体内容区域750x950(除去底部危险区画线位置)
## 尺寸由来
- 640是以ihpne5为蓝本进行设计:
iPhone5设计稿的大小为640x1136px。
☆ 状态栏(status bar):就是电量条,其高度为:40px;
☆ 导航栏(navigation):就是顶部条,其高度为:88px;
☆ 主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;
☆微信内容区:1136px-40px-88px=1008px
☆ 内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=910px
- 750是以ihpne6为蓝本进行设计:
iPhone6屏幕是4.7英寸的,设计稿的大小为750x1334px。
☆ 状态栏(status bar):就是电量条,其高度为:40px;
☆ 导航栏(navigation):就是顶部条,其高度为:88px;
☆ 主菜单栏(submenu,tab):就是标签栏,底部条,其高度为:98px;
☆微信内容区:1334px-40px-88px=1206px
☆ 内容区域(content):就是屏幕中间的区域,其高度为:1334px-40px-88px-98px=1108px
## 示意图
![](https://box.kancloud.cn/d194ba8653fe2b12d725e1bd534805b9_264x304.png)
- 基本规范
- 申明及解释
- 项目的构建及维护
- 项目构建
- 项目自测
- 项目维护
- 书写规则
- 图片规范
- html书写规范
- CSS书写规范
- JAVASCRIPT编写规范
- 注释书写规范
- 场景分类
- PC站-固定宽度
- PC站-响应式
- 移动端网站
- 移动端活动
- 模块的创建和管理
- 附件A 网站命名列表
- 附件B 常用技术列表
- 实例代码
- 前端框架
- 布局
- 栅格化布局
- 响应式布局
- 常规组件
- 面包屑
- 选项卡
- 分页
- 表单-模拟单选
- 表单-模拟多选
- 表单-模拟下拉菜单
- 筛选-simple
- 评分
- 导航-浮动导航
- 滚动到顶部
- 网站通用代码
- 客服代码
- 常见问题解决方案
- 兼容性问题
- 移动端通用
- andorid常见问题
- IOS常见问题
- 多媒体-视频
- 浏览器判断
- 动画库
- 宽高问题
- JQUERY常用组件
- 弹出层
- 多媒体-视频音频
- 幻灯片
- 时间与日期
- 分页
- 多级联动
- 表单美化
- 绘图及动画插件
- 前端工具及网站
- H5生成
- 图片处理
- 在线代码
- web字体
- 手册资料
- 其他工具
- 牛人blog
- 前端园地
- 交互网址
- 前端优化
- 元素动画