移动端的特点

视口：

屏幕的可见区域

注意点：

1.做网页参数逻辑分辨率

2.做页面的时候，尺寸一般是2倍或者3倍

3.准备素材的时候，要准备高清素材

4.百分比布局 虽然可有兼容浏览器的可视窗口，但是屏幕大了或小了，则位置会发生空一个或错乱

屏幕尺寸

指的是屏幕对角线的长度，一般用英寸来度量

PPI  单位英寸内的物理像素点个数 ，值越大，屏幕越清晰

使用meta标签设置视口宽度，制作适配不同设备宽度的网页

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

viewport： 视口

width=device-width： 视口宽度 = 设备宽度

initial-scale=1.0： 缩放1倍（不缩放）

maximum-scale=1.0： 最大缩放比为1

minimum-scale=1.0： 最小缩放比为1

user-scalable： 禁止用户缩放