没有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需求当然是以手工切版为优先，可以顺利将网站架构最佳化。

该怎么选择?

网站内容是多还是少?

像淘宝、京东等电商网站，你会发现大部分都不会是RWD设计的网站，通常都是AWD设计的网站。购物网站比较适合AWD，AWD可以针对手机版做更有效的配置与使用者体验(UX)，不是RWD不能用在购物网站，而是AWD相对更适合内容繁杂的购物网站，反之RWD非常适合简单内容的企业网站。

有多少预算?

RWD在上线后的维护是比较容易的，AWD维护上较繁琐，上线前的制作成本AWD略高于RWD，所以如果您制作与维护上的考量，还是选择RWD比较划算一点点，还有AWD的开发时间是略多于RWD的，如果您时间上不允许，可以选择RWD。上线后的前端修改。维护上AWD比RWD容易，因为可以分开调整。

是否更重视手机端的使用者体验(UX)?

如果更重视手机版的使用者体验(UX)，那就建议用AWD制作，因为RWD为了同时满足各种设备的适应性，一定会牺牲很多画面与功能，AWD因为跟PC是分开的界面，AWD可以针对手机使用者开发更为友善的界面，如果希望手机可以得到更棒的体验，AWD是优于RWD的。

结论

根据我们的经验，如果您的网站内容简单可以选RWD，例如: 企业型网站。如果您是很依赖手机端，并且网站内容也很丰富的网站，例如: 购物网站，那么建议您用AWD制作，无论是将来的修改速度、弹性、操作优化，都会比RWD好。