1. 视口：(布局视口(layout viewport)，视觉视口(visual viewport)，理想视口(ideal viewport))

　meta 视口标签 <meta  name = "viewport"  content = “ width = device-width，user-scalable = no，initial-scale = 1.0，maximum-scale = 1.0，minimum-scale = 1.0”

　width：宽度设置的是 viewport 宽度，可以设置 device-width(设备宽度)特殊值

　user-scalable：用户是否可以缩放，yes 或者 no（1 或者 0）

　initial-scale：初始缩放比，大于 0 的数字

　maximum-scale：最大缩放比，大于 0  的数字

　minimum-scale：最小缩放比，大于 0 的数字

　标准的 viewport 设置

　　视口宽度和设备保持一致

　　视口的默认缩放比例1.0

　　不允许用户自行缩放

　　最大允许的缩放比例1.0

　　最小允许的缩放比例1.0

2. 物理像素 & 物理像素比

　物理像素点指的是屏幕显示的最小颗粒（也就是我们说的分辨率），是物理真实存在的，这是厂商在出厂时就设置好的，比如苹果6/7/8 是750*1334

　开发时的 1px 不一定等于 1个物理像素的

　PC端页面，1个px 等于 1个物理像素，但是移动端就不尽相同

　一个px的能显示的物理像素点的个数，称为物理像素比或者屏幕像素比

　在移动端大多数 1px 开发像素 = 2个物理像素