DPR

DPR也就是设备像素比

设备像素比（dpr） = 设备像素（分辨率）/设备独立像素（屏幕尺寸）

布局视窗：为了解决PC端网站在移动端显示不佳，布局视窗比设备屏幕宽度宽，一般为980

视觉视窗：设备真实分辨率，即物理像素。例：iphone6是750*1334

理想视窗：显示区域宽度，屏幕分辨率。例iphone是375*667

下面一句代码是我们做移动端开发最常用的一段代码：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum=1.0, minimum=1.0, user-scalable=no"

参数解释：

width: 设置视窗大小
initial-scale：初始化放大倍数
maximum：最大的放大倍数
minimum：最小的放大倍数
user-scalable：是否允许用户放大缩小页面

这行代码把布局视窗大小设置成和理想视窗大小相等，这样我们在代码设置css像素时，设置的跟渲染出来效果也是一样。