移动端布局 viewport 视口摘要

关键字
物理像素、 CSS像素、 DPR（设备像素比，devicePixelRatio）、 视口

问题QS

PC 站点如何友好的在移动设备上展示

一句话

通过缩放增加设备像素所能代表的 CSS 像素量；即可解决移动端设备屏幕物理尺寸过小无法完全显示PC 站点的问题。

核心

设备像素：固定不变。
CSS像素：固定不变。
scale 缩放改变 以上两者比例。

摘要

---

参考：
http://www.cnblogs.com/woodyblog/p/6094664.html
https://blog.csdn.net/u012402190/article/details/70172371
http://www.cnblogs.com/chris-oil/p/5367106.html