响应式设计

响应式网页设计:互联网web产品RWD概念

限于喜欢 提交于 2019-12-04 13:19:22
   RWD(Responsive Web Design) 可称为自适应网页设计、响应式网页设计、响应式网页设计等等,是一种可以让网页的内容可以随着不同的装置的宽度来调整画面呈现的技术,让使用者可以不需要透过缩放的方式来浏览网页,大大的提升画面的可浏览性及使用界面的亲和度;然而这对于行动商务越来越受到重视的现今来说,随之也越来越倍受重视。   近几年,随着行动装置(智慧型手机、平板)的普及,以及行动上网服务的使用率越来越高,传统网页的标准已经无法符合这些装置的需求来呈现了,尤其是以flash制作的动画,受限于行动装置运算力不足的限制之下,已经没有行动装置可以直接浏览flash制作的网页了。虽然可透过一些特殊的浏器APP软件来观看,但方便性却大大的降低。    而RWD又是如何达到的呢?   主要是以HTML5的标准及CSS3中的media queries来达到的。   在HTML5的标准中,我们可以指定页面的宽度可以依照装置的检视宽度来呈现,再利用CSS3的media queries来设定不同宽度下使用不同的CSS来呈现页面。因此设计师在设计网页时,就必须要针对不同的宽度下的画面编写不同的CSS档案供浏览器来读取。    RWD的优点:   1.可使用同一套原始码来撰写CSS,可以减少版面重新制作的时间。   2.可同时针对不同的分辨率来设定,增加页面的可用性。   3