common question

常见问题

什么是RWD响应式网页设计?

2019-08-03Views 6520

什么是响应式网页设计(Responsive web design简称RWD)

响应式网页设计是由2011年美国设计师Ethan Marcotte所提出,应对PC、手机、IPAD多屏幕网页兼容性做出的网站改善方案,针对不同尺寸的屏幕尺寸通过调整网页内容、缩放、重新编排或隐藏部分内容,以达到网页在不同浏览设备上完美兼容的目的。

RWD响应式网站如今已经成为网页设计师制作网站时流行的开发趋势与技术概念,这样的网页制作方式被称为响应式网页设计(Responsive web design简称RWD),又称响应式网站设计、多屏幕网页设计,三网合一网页设计,但是其设计方式都是相同的。

约于2010年之前,网页设计师所设计的网站,大都是依照一定的精确尺寸来做设计,比如说1024x768,类似海报、报纸、书本设计等等,尺寸是固定的,然而现在有着数十种不同屏幕尺寸规格,比如智能手机、ipad与笔记本电脑等等多种屏幕尺寸,而固定不变的网页尺寸就很难在众多的浏览设备上达到完美的显示效果。比如宽度为1024的网页尺寸,在手机浏览器上会出现网页显示不完全,页面排版混乱等诸多问题,而用户在手机浏览器上缩放网页尺寸之后又会出现网页字体太小的问题,网页设计师常常因为屏幕尺寸与比例太多而困扰。

RWD响应式网站设计成为新的趋势是网络发展的必然趋势,这种新的做法并不是因为更时尚,也不是新的美学方式,它用来试图解决目前多种尺寸屏幕浏览网页所产生出来问题的解决方式,以不同屏幕尺寸与分辨率,让网页设计师有更多的方式去思考,如何将RWD响应式网页设计应用在网页上的方式。

RWD响应式网站设计,以CSS3+html5技术为基础,通过百分比的概念与动态变化的编排设计,网页本身会随着屏幕的大小自动调整、隐藏、缩放等变化,即时做出相对应的调整,好让浏览者可以舒适的状态浏览。

在RWD响应式网站设计尚未成熟与普及以前,手机板网站也曾经流行过很长一段时间,做为传统网站与RWD响应式网站的临时解决方案,由于手机版网站使用上还是有不少缺点无法改善,如今RWD响应式网页设计可以用一个网站可以取代多种版本的网站方式,在制作上与管理上相对单纯许多,所以手机版网站已经渐渐被取代。

关键词:响应式网站,响应式网页设计