移动端布局 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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容