到底是RWD（响应式网页设计）好还是AWD好？

　　没有RWD或AWD的网站到底会怎样?先讲结论，网站流量会暴跌，RWD跟AWD就是可移动端浏览的网站，而现在用移动设备上网的比例超过80%，而且搜索引擎已经以移动端网站表现为排名依据，简单来说没有移动版的网站等于宣告死刑，无法被搜索的网站有什么用?没有RWD的网站请赶快改版，RWD、AWD都不是很新的技术了，已经是成熟的技术，而且模板网站费用没有很高，赶快改版才是当务之急。

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

　　RWD(响应式网页设计)可以自动适当显示于各种不同装置，包含桌机、手机、平板...根据不一样的屏幕大小设计友善的阅读界面，网站可以被各种人群阅读。常用阅读解析度: 电脑版宽度：1024px以上，平板装置宽度720px ~ 1024px之间，手机装置宽度：320px ~ 720px之间，当不同宽度时，RWD就会显示不一样的排列方式，如果是AWD是不会这样变化的，所以谷歌浏览器的移动视窗是没办法检测AWD的。

　　相关内容：为啥企业网站需要响应式网页设计(RWD)?

　　AWD (自适应式网页设计)是什么?

　　AWD跟RWD存在目的一致，希望在PC、平板、手机都能显示最佳画面，RWD是随着视窗大小缩小、放大，如果是AWD则不会随着视窗「即时」放大放小，AWD会有属于自己的判断设备大小的程序，然后会以不同的CSS达成一样的效果，至于RWD比较好还是AWD比较好，继续看下去。

　　RWD与AWD的比较

　　PC、手机内容元素不完全一致，RWD在PC、手机内容是完全一样，AWD会对手机内容做优化，减少不必要的大图，提高手机版的速度，RWD如果内容很多，手机跑起来会慢一点，因为都是同一套CSS ，PC用的图、文、效果会完整呈现在手机上，手机性能、网速没有PC好的时候，当然会比较吃力。 AWD的PC、手机画面是不同的，不同设备的CSS是分开维护，后端也有部分是分开维护。

　　两种都会判断设备

　　RWD会根据设备的画面宽度去判断展示怎样的网站。AWD是判断设备是哪一种，是PC就跑PC的CSS，是手机就跑手机的CSS，从网址来看两者都是一样的网址，RWD跟AWD都没有像以前分成不同网址，不同网址流量会分散难免会影响SEO，AWD跟RWD都是一样的网址，不影响SEO。

　　RWD之间还是有优劣

　　每家网站建设公司都声称自己有RWD设计的能力，实际上RWD有分成自己切RWD(前端工程)跟模板RWD(Bootstrap)，自己切版就是先做设计再把画面手切图变成HTML，套用就是先依照Bootstrap的模板上设计给您，手工切版耗时、麻烦，但是网站建设公司拥有技术可以随意修改版面，Bootstrap方便省事难修改，大部分网站建设公司都是用Bootstrap，Bootstrap的缺点是「架构不调整就无法提升速度」，虽然手工切版成本高、制作时间长，如果有SEO需求当然是以手工切版为优先，可以顺利将网站架构最佳化。