作为一个无线部门的人，不懂移动设备是不行的。而作为一个无线的重构，不会写响应式页面更是不行得。而我，一个无线的重构，在我最近做的一个移动端的项目之前，的确是不会写响应式页面的，所以，严格来说，在这个项目之前，我是一个不合格的无线重构人。
而这个项目，却让我快速地掌握了响应式页面重构的一些方法。下面就是通过这个项目来总结我在响应式页面重构学到的东西。
众所周知，所谓响应式页面，就是能够用一套样式，使你的页面能够在不同分辨率的屏幕下都有很好的表现形式。响应式Web设计，这个概念是Ethan Marctte 在A List Apart 发表的一篇文章“Responsive Web Design”中援引响应式建筑而得名：
响应式建筑（responsive architecture），物理空间应该可以根据存在于其中的人的情况进行相应。
根据我所阅读过一些文章及资料，我总结出响应式页面的几个关键组成部分：
从上面的两张实例图我们可以看到，同一个元素，宽高为3.2em*3.2em，在360px分辨率下，因为基准字号为15px，故解析出来的实际尺寸为48px*48px，而在480px分辨率下，基准字号为20px，故实际的尺寸为64px*64px。
通过上面的几点关键技术，我们就可以实现具体的响应式页面了。看完这篇文章，是不是觉得响应式页面其实也没有想象中那么难呢？那么，有空自己去试试吧，只有自己动手实现后才能真正理解其中的奥秘哦！！！
关注我们：在查找公众号中搜索：zomsky1688，或者扫描下方二维码快速关注。关键词：广州网站建设,广州网站设计公司,移动网站建设
