responsive-design响应式设计入门


备注

本节概述了响应式设计是什么,以及开发人员为什么要使用它。

它还应该提及响应式设计中的任何大型主题,并链接到相关主题。由于响应式设计的文档是新的,您可能需要创建这些相关主题的初始版本。

什么是响应式网页设计?

响应式网页设计一词最早由Ethan Marcotte在其着名的文章“ 响应式网页设计 ”中创造,该文章于2010年出版于A List Apart

这篇Smashing Magazine的文章Kayla Knight描述如下:

响应式Web设计是一种方法,它表明设计和开发应根据屏幕大小,平台和方向响应用户的行为和环境。该练习包括灵活的网格和布局,图像和CSS媒体查询的智能使用。当用户从他们的笔记本电脑切换到iPad时,网站应该自动切换以适应分辨率,图像大小和脚本功能。换句话说,网站应该具有自动响应用户偏好的技术。这将消除市场上每个新设备的不同设计和开发阶段的需要。