技术选型

方案:我们采取单独制作移动页面方案
技术:布局采取rem适配布局2(flexble.js + rem)
设计图:本设计图采用750px设计尺寸

搭建相关文件夹结构

image.png

设置视口标签以及引入初始化样式还有js文件




我们页面还需要引入这个flexiblejs文件
在index.htmlh中引入flexible.js这个文件

body样式

body {
min-width: 320px;
width: 15rem;
margin: 0 auto;
line-height: 1.5;
font-family: Arial, Helvetica, STHeiTi, sans-serif;
background: #f2f2f2;
}