摘要：这篇文章主要说说在进行响应式Web设计的过程中，涉及到页面的一些需要进行优化的地方：1、 轻量级的Javascript库：针对PC端网页当然会首选jQuery来作为前端javascript库，但是针对移动端来说，jQuery太重，而现在针对移动端来说，有很多优秀的框架可供使用，jQuery Mobile、YUI、XUI等是不错的框架，但是个人比较倾向于zepto。不过zepto预定义的一些事件，比如触屏滑动的swipe事件，在ios上完美支持，但是在android上，有些浏览器确实不支持的，这时候就需要寻求与一些第三方的javascript插件库，好在现在网上有很多优秀的第三方javascri 阅读全文

摘要：介绍完响应式Web的背景和概念之后，是时候该介绍具体的实现方法了，其实响应式Web设计的方法很简单，就是利用CSS3的媒体查询Media Queries和Viewport来解决问题的。 首先我们一起来看看Media Queries，这里我只会对其做一个简单的列举介绍。（有兴趣深入的同学可以参考：http://www.w3.org/html/ig/zh/wiki/CSS3%E5%AA%92%E4%BD%93%E6%9F%A5%E8%AF%A2） 通过媒体查询的设置，我们可以根据屏幕宽度、屏幕方向等各个属性来加载不同场景下不同的CSS文件来渲染页面的视觉风格。具体的使用方法有以下两种：通过... 阅读全文

摘要：首先感谢大家对第一篇背景介绍一文的支持，今天将对响应式Web设计的概念进行一个大概的介绍，当然这一篇也不是什么干货，只是作为一个主题来说，概念的介绍必不可少，下一篇就应该有点干货了。 从背景介绍一文中，我们可以得到这样一个结论：互联网正在快速迅猛地向移动终端发展，这样对于网页就有了一个Anywhere的需求。其实网页的Anywhere就是响应式Web设计，说的再白一点，就是为了省时省力省钱，一次开发出来的网页，用一个URL，可以在不同终端设备上有不同的呈现方式。下面四张图就是一张网站所作的响应式设计。 OK！概念就是这样的，本人一直以屌丝自居，所以这个定义也多少带着点屌丝的意味，娱... 阅读全文

摘要：不是专业前端，可2011年底至今大部分时间在做着一个前端开发工程师的事情，所以多少也有点总结，多少也有点“经验”和分享。响应式Web设计不是我首创的概念，早就有了，我这里只不过把自己最近这段时间关于这方面的研究做了一个总结。至于这篇文章能给你带来多大的益处我保证不了，但是只从读完这篇文章之后你至少能明白以下几点：为什么要做响应式Web设计？什么是响应式Web设计？如何做响应式Web设计？送你几个关于响应式Web设计优化的小建议！ 在说响应式Web设计前，我们先来看看移动互联网的发展现状：移动互联网用户规模接近PC互联网用户规模，市场规模占比进一步增加，移动互联网成为主流（数据来源：CNN... 阅读全文