官术网_书友最值得收藏!

Defining responsive web design

The term responsive web design was coined by Ethan Marcotte. In his seminal List Apart article (http://www.alistapart.com/articles/responsive-web-design/) he consolidated three existing techniques (flexible grid layout, flexible images, and media and media queries) into one unified approach and named it responsive web design. The term is often used to infer the same meaning as a number of other descriptions such as fluid design, elastic layout, rubber layout, liquid design, adaptive layout, cross-device design, and flexible design.

To name just a few! However, as Mr. Marcotte and others have eloquently argued, a truly responsive methodology is actually more than merely altering the layout of a site based upon viewport sizes. Instead, it is to invert our entire current approach to web design. Instead of beginning with a fixed width desktop site design and scaling it down and re-flowing the content for smaller viewports, we should design for the smallest viewport first and then progressively enhance the design and content for larger viewports.

Tip

Responsive web design in a nutshell

To attempt to put the philosophy of responsive web design in a nutshell, I would say it's the presentation of content in the most accessible manner for any viewport that accesses it. Conversely, a truly "mobile website" is needed when an experience requires specific content and functionality based upon the device accessing it. In these cases, a mobile website presents an entirely different user experience to its desktop equivalent.

主站蜘蛛池模板: 前郭尔| 澄迈县| 城步| 汉中市| 庆云县| 西乌珠穆沁旗| 晋中市| 孟州市| 博客| 罗定市| 台湾省| 翁牛特旗| 武宣县| 平泉县| 勃利县| 上蔡县| 曲水县| 卓尼县| 固阳县| 牙克石市| 永康市| 丹巴县| 崇州市| 措勤县| 南郑县| 三穗县| 扶风县| 凤山市| 盐津县| 中牟县| 广德县| 灌南县| 忻州市| 杭锦后旗| 东莞市| 义马市| 高安市| 南城县| 武清区| 和硕县| 崇左市|