移动端布局 viewport 视口摘要
2018-05-07 本文已影响11人
YjWorld
关键字
物理像素、 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
