当前位置: 代码迷 >> Web前端 >> Follow your heart(184)-响应式web设计
  详细解决方案

Follow your heart(184)-响应式web设计

热度:550   发布时间:2012-09-01 09:33:03.0
Follow your heart(184)---响应式web设计
桌子上摆着朋友的17寸的大显示器的本子时,才知道,我画的页面,在他机器上看起来时,感觉是完全不一样的. 在他的机器上,我用axure画的界面,有页头页脚的那种,很小气:)

我也发现很多网站的注册,也不是第一屏就能完成的. 都要向下滚动一下.


今天读了几篇响应式设计的文章.大约对一些概念有了个基本的印象, 不,只能说,基本记住了几个词语,液态网络,液态图片,media query:

响应式Web设计(Responsive Web design)的理念是,页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等,以适应不同设备;换句话说,页面应该有能力去自动响应用户的设备环境。这样,我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

搜集几个网址如下:
http://www.webjx.com/web/xindejiqiao-31214.html
http://ninghao.org/blog/229
http://www.chinaui.com/Knowledge/20111129/14021111250003.shtml
http://www.qianduan.net/85-amazing-showcase-of-responsive-web-design.html  85个响应式设计网站
1 楼 Jennycn 2011-12-28  
不过,一般说的响应式,都是针对同时有手机的
  相关解决方案