什么是响应式网页设计(RWD)

 邮箱网  0条评论  8671次浏览  2013年05月17日 星期五 16:06

分享到: 更多
中国邮箱网讯 5月17日消息,响应式网页设计(英语:Responsive web design,通常缩写为RWD)是一种网页设计的技术做法,该设计可使网站在多种浏览设备(从桌面电脑显示器到移动电话或其他移动产品设备)上阅读和导航,同时减少缩放、平移和滚动。

采用 RWD 设计的网站使用CSS3 Media queries,即一种对 @media 规则的扩展,以及流式的基于比例的网格和自适应大小的图像以适应不同大小的设备:

Media queries允许网页根据访问站点设备的特点而使用不同 CSS 样式规则,最常用的是浏览器的宽度。
流式网格概念要求页面元素使用相对单位如百分比或 EM 调整大小,而不是绝对的单位如像素或
灵活的图像也以相对单位调整大小(最大到 100%),以防止它们显示在包含它们的元素外面。

 

上图来源于网络,关于响应式设计解释,来源于这里WIKI

文章来源:落落设计

标签:落落设计响应式设计

我的评论:

请  后发表评论。