DPR也就是设备像素比

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

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

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

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

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

参数解释：

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

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