浏览器内核
基于webkit内核，
适配问题
- 百分比自适应布局，又称为流式布局；
- 需要对viewport视口，进行设置；
开发过程中的测试
- 打开控制台
流式布局
- 把宽度设置为100%；
- 非固定像素布局，内容自适应像液体一样向两侧填充；
viewport的设置
- 1.当把一个百分百的页面在移动设备浏览时，网页的宽度没有和设备的宽度一致；
- 2.移动设备的网页是基于？？来计算宽度的；
- 3.原因是，在移动设备当中，浏览器和网页之间，还有一层虚拟的容器，这个容器就叫做viewport;
- 4.viewport功能：只在移动端才有，它用来承载移动端网页的容器，而且主流的设备当中的viewport默认的宽度是980px。可以缩放，可以设置尺寸；
- 使用viewport 和流式布局，达到移动端的适配，适配的要求：
- 网页的宽度和浏览器宽度一致，网页宽度和视口宽度一样，然后视口的宽度和设备的一样
- 保证网页的缩放比和PC端一样，视口的缩放比1.0；
- 不允许用户自行缩放，视口禁止缩放；
- 怎么设置viewport,网页的加载和解析顺序是从上到下，目的是让浏览器有限解释，运用在网页上
<meta name="viewport" width="device-width"/>
- 2.具体功能怎么设置
width 设置视口的宽度
单位默认的值是px, 特殊的值device-width 代表当前设备的宽度
initial-scale 设置视口默认缩放比
user-sclable 设置视口是否运行用户自行缩放
minimum-scale 最小运行缩放比
maximum-scale 最大运行缩放比
