工作中难免会有写静态页面的需求，有时候移动端适配真的是做的心累，如果自己新做一个页面倒还好，整体布局会按照自己习惯来，但有时候不得不修改别人的代码，尤其是别人没适配好的代码...

前段时间我的移动端适配解决方案一文在评论区引发了激烈的讨论。其中讨论最多的就是，移动端rem的适配已经淘汰了，目前大家使用的都是viewport。

一直以来移动端适配便是困扰自己的一个难题，今天休息，查阅了很多资料将其整理出来。本文中很多做法是直接借鉴了网上的文章，主要有从网易与淘宝的font-size思考前端设计稿与工作流跟手机端页面自适应解决方案—rem布局进阶版（附源码示例），向大神致谢。 pt是逻辑分辨率，简单理解…

这样整个网页在设备内显示时的页面宽度就会等于设备逻辑像素大小，也就是device-width。 在scale为1的情况下，device-width = 设备的物理分辨率/devicePixelRatio 。