移动端一行多列一般用
弹性布局flex
rem布局：font size of the root element
性能
网络环境
流量问题
图片的适配与压缩
移动端开发的优势：就是兼容性更好
移动端开发的劣势：目前来说，大多数移动Web应用使用的手势相对比较简单，主要还是单指手势，目前设备类型特别多，移动端的适配比较难处理。
手机设备几个基础词汇：
物理像素
就是手机的尺寸，手机屏幕的分辨率
设备独立像素
与设备无关的逻辑像素（逻辑分辨率），虚拟的像素。
比如css像素。
设备像素比DRP
DRP=物理像素/设备独立像素；
像素的密度PPI
表示每英寸所包含的像素数目，数值越高，说明屏幕能以更高密度显示图像。
PPI计算公式
viewport属性
移动端的视口。指设备的屏幕上能用来显示网页的区域。
width
设置layout viewport的宽度，值为一个正整数，或字符串“device-width”
width=device-width是指让（布局窗口）等于当前设备的宽度
height
设置layout viewport的高度，这个很少用
initial-scale
设置页面的初始缩放值，是一个数字可以带小数
minimum-scale
设置页面最小缩放值，值为一个数字，可以是小数
maximum-scale
设置页面最大缩放值，值为一个数字，可以是小数
user-scalable
是否允许用户进行缩放，值为"no"或"yes"
