移动端基础设置

一、移动端

1、窗口设置

meta标签：视口信息：
<meta name="viewport" content=" "/>
content:
…width:物理设备里能够显示的页面像素，默认980
…width:device-width;
…intial-scale:设置页面初始缩放值，默认为1
…minimum-scale:最小缩放
…maximum-scale:最大缩放
…user-scalable:是否允许用户进行缩放：no/yes
…height:很少用

2、适配方式

1）百分比布局
2）viewport:给width一个固定值
3）rem适配（viewport值写完，width:device-width):
rem 单位，相对单位，相对于html(根标签)一个字体的倍数
em 单位，相对单位，相对于直系父级一个字体的倍数
px 固定单位

3、移动端自适应和pc端响应式布局的区别

二、head标签

1、含义：里面一般是对浏览器的设置

三、移动端的js

1、html:H5新增标签
2、css3
3、高性能，能用新增的就用新增的
4、touch事件：

touchStart:手指按下事件
touchcancel:
touchmove/:手指按下移动