03.移动web-开发准备

1.技术选型

方案：我们采取单独制作移动页面方案
技术：布局采取rem适配布局（less+rem+媒体查询）
设计图：750px设计尺寸

2.搭建相关文件夹结构

css/images/upload/index.html

3.设置视口标签\引入初始化样式

<meta name="viewport" content="width=device-width, initial-scale=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0">

4.设置公共common.less文件

1.新建common.less 设置好最常见的屏幕尺寸，利用媒体查询设置不同的html字体大小，因为除了首页其他页面也需要
2.尺寸320px.360px,375px,384px,400px,414px,424px,480px,540px,720px,750px
3.划分15等分
4.pc端也可以打开，so html设置字体大小为50px

标签：03,字体大小,less,750px,html,web,设置,rem,移动
来源： https://www.cnblogs.com/foreverLuckyStar/p/12227843.html