所说“响应式网页设计(Responsive Web Design)”亦便是自适应，便是能够自动识别屏幕宽度、并做出相应调节的网页设计。日前这种设计已然出此刻越来越多的国内网站上，日前Google已然知道显示鼓励响应式网页设计。
(图一，响应式网页设计)
一般在浏览网页时，手机上和电脑上没法表示同一个网页，这亦引起许多网页设计会自动转到特定的链接上，如上图所示，无论在PC端还是移动端，网页的表示其实都是一个版本，会随着屏幕的体积网页而改变。
下面是有些例子：
(图二：响应式网页设计例子)
(图三：迪士尼机构的网页)
运用自适应网页设计有5个好处：
1， 随着移动设备越来越多，能够提高用户体验。
2， 该设计无网页版本区分，因此seo的策略保持一致。
3， 能够避免重复内容，专心守护这一个网页。
4， 保持网页的原有链接。
5， Google亦意见优先采用响应式设计，由于无论是什么网页版本都是相同的HTML、相同的内容，Google最容易处理。
响应式网页设计对SEO是友好的，这些关联技术还在持续演化中，还有许多尚待客服的地区。下面来讲说它的缺陷：
1， 对老版本IE支持欠好，这是一个致命的问题，尤其是IE6，倘若你的网站用户大多还采用老版本的IE的话(意见在统计工具里看一下)，就不适合做响应式网页设计了。
其实我始终想采用响应式网页设计，从新设计网页，但看到统计里的老版本IE用户依然非常多，只好放弃。
2， 例如一些小游戏站、视频站，倘若仅仅是网页采用了响应式设计，但里面的内容依然是只能在PC端打开的话，此时候就要认真思虑了。
国外copyblogger的博客说到了一个很尤其的案例，便是迪士尼机构的网页。他说在迪士尼网页中有许多给小伴侣玩的网页游戏，有些游戏能够在桌上型电脑玩，然则倘若运用移动设备就能够没法运用。因此呢这个状况下，就必须做出抉择，放弃运用Responsive Web Design，或是修改游戏。
写在最后：
从今年起始，响应式网页设计逐步流行开来，虽然很热门，然则并无太多网站采用这类的设计方式。
| 
发表于