摘要: 这篇文章主要说说在进行响应式Web设计的过程中,涉及到页面的一些需要进行优化的地方:1、 轻量级的Javascript库:针对PC端网页当然会首选jQuery来作为前端javascript库,但是针对移动端来说,jQuery太重,而现在针对移动端来说,有很多优秀的框架可供使用,jQuery Mobile、YUI、XUI等是不错的框架,但是个人比较倾向于zepto。不过zepto预定义的一些事件,比如触屏滑动的swipe事件,在ios上完美支持,但是在android上,有些浏览器确实不支持的,这时候就需要寻求与一些第三方的javascript插件库,好在现在网上有很多优秀的第三方javascri 阅读全文
posted @ 2013-05-06 19:32 九朗的码农生活 阅读(688) 评论(11) 推荐(0) 编辑
摘要: 介绍完响应式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文件来渲染页面的视觉风格。具体的使用方法有以下两种:通过... 阅读全文
posted @ 2013-05-06 18:21 九朗的码农生活 阅读(1740) 评论(2) 推荐(1) 编辑