本文章为前端进阶系列的一部分，介绍了基于REM布局的移动端响应式开发的原理以及具体方案。

1.什么是前端适配从UI展现层面上：我们期望不同尺寸的设备，页面可以自适应的展示或者进行等比缩放，从而在不同的尺寸的设备下看起来协调或者差不多。从代码实现层面上：我们希望前端适配可以用用尽可能简洁的代

随着时间的发展，现在基本上人手一部手机的低头族。做为前端开发的程序猿，在开发移动端web应用的时候，对面一堆各色尺寸不一样的屏幕，就有点淡淡的忧伤。 很明显我们所要实现的就是在上述如此之多的屏幕,都能实现UI大大出的视觉图上的效果。而要实现这样的效果主要有两个难点 各屏幕的适配…

关于 JSBridge，绝大多数同学最早遇到的是微信的 WeiXinJSBridge（现在被封装成 JSSDK），各种 Web 页面可以通过 Bridge 调用微信提供的一些原生功能，为用户提供相关的功能。其实，JSBridge 很早就出现在软件开发中，在一些桌面软件中很早就运…

做移动端自适应时可能很多人都对自适应和dpr之间的关系产生疑问,也有一些人会疑虑比如我的自适应方案没有加dpr会不会出问题,针对这些疑问我说一下我的见解,希望能解除你的担忧。 1. 什么是尺寸自适应 首先说到自适应,可能在不同人眼里理解不同，特别与响应式的关系,在这里说一下我所…

2018年1月3日，W3C发布了 2018年1月版移动Web应用发展路线图（Roadmap of Web Applications on Mobile：Jan 2018），概述了W3C围绕增强Web应用能力所开展的的一系列技术标准的研发进展，以及这些技术如何具体应用于移动环境。…

对于移动端页面的开发自己很早就想做下简单的总结了，但感觉不知道该从何说起，有一天看了两篇网上一位作者的文章（后面资源里面会给出链接），觉得写得真的是很好，但是还有一些问题我不是很清楚，所以自己也查阅了相关的文献，结合前面那位作者的一些思路，写下了这篇总结。当然，有说的不对的地方…

一个网页在pc端和移动端能统一适配，关键因素就在于viewport。在移动设备上进行网页的重构或开发，首先得搞明白的就是移动设备上的viewport了，只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用，才能更好地让我们的网页适配或响应各种不…