页面缩放
<meta name=”viewport” content=”width=device-width, initial-scale=scale“/>
物理屏：真正展现图像的屏幕，此屏上的像素称为物理像素
逻辑屏：css层面上布局的屏幕，此屏上的像素称为逻辑像素
以上的scale指的就是页面的缩放倍数，符合公式：
元素在物理屏上布局的宽度 = 元素在逻辑屏上布局的宽度 * scale * devicePixelRatio
逻辑像素 * devicePixelRatio = 物理像素（即实际用户看到的画面）
所以scale的计算公式：
scale = 元素在物理屏上布局的宽度 / (元素在逻辑屏上布局的宽度 * devicePixelRatio)
一般来说devicePixelRatio在pc上为1，手机端上常见的是2和3