响应式web设计(Responsive web design)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了响应式web设计(Responsive web design)相关的知识,希望对你有一定的参考价值。

在全面进入互联网时代后,随着各种移动设备的普及,移动互联网更加受到大众的青睐。由于移动互联网的使用量远远超出了传统互联网的使用量,移动设备也正在逐渐超越桌面设备。因为用户在移动设备上的使用习惯不同,UX设计师无法将桌面设备上的网页排版原封不动地复制到移动设备上,这会使用户在网页的操作和阅读上十分不方便。

因此,设计师试图将移动设备和桌面设备的网页分开来设计,然而因此面对的问题是:市场上移动设备屏幕的尺寸都是完全不一样的。比如iPhone的移动设备已经更新过很多次屏幕尺寸;不同品牌之间设备屏幕尺寸也无法把控,设计师不能为每一个不同的屏幕尺寸去设计适合它们尺寸的网页。

这种情况下,Ethan Marcotte在2010年提出了响应式web设计(Responsive web design)这一概念,其设计目标是:自行识别设备屏幕尺寸并做出相应调整的网页设计,从而提高网页在移动端的用户体验。同时,Ethan Marcotte也模拟建立了一个简单的响应式web的示范网站,题主可以点进链接体验一下。

以上是关于响应式web设计(Responsive web design)的主要内容,如果未能解决你的问题,请参考以下文章

阮一峰:自适应网页设计(Responsive Web Design)别名(响应式web设计)

响应式web设计(Responsive web design)

学习响应式设计(Learning Responsive Web Design)完整版PDF

bootstrap 响应式怎么用

经久不衰!聊聊响应式设计的现状与趋势

javascript 为响应式设计设置断点#js #responsive