本案例是一个模拟微信的问答小游戏

点击打开(Github版)
点击打开(码云版)

CSS 部分

使用 flex 布局
注意不能主页面不能出现滚动条
使用 transition 动画

JavaScript 部分

判断使用环境

首先判断是否是手机，要求使用移动端访问
判断是否是微信浏览器，如果是微信浏览器就去掉头部

动态创建主页面以及选择框消息DOM
通过匹配点击的文字进行回复
计算所有得分总和
通过匹配最终得分查找结果