响应式网页设计

<span style="color:#ff0000;font-size:large;"><b>响应式网页设计</b></span>

所谓“响应式网页设计(Responsive Web Design)”也就是自适应，就是可以自动识别屏幕宽度、并做出相应调整的<span style="color:#ff0000;"><b>网页设计</b></span>。目前这种设计已经出现在越来越多的国内网站上，目前Google已经明确表明鼓励响应式网页设计。

<img alt="免费会员注册" src="http://img.iisp.com/image/20130703/20130703102439_73380.gif" />

(图一:响应式网页设计)

通常在浏览网页时，手机上和电脑上无法显示同一个网页，这也导致许多网页设计会自动转到特定的链接上，如上图所示，无论在PC端还是移动端，网页的显示其实都是一个版本，会随着屏幕的大小网页而改变。

(图二：响应式网页设计例子)

(图三：迪士尼公司的网页)

使用自适应网页设计有5个好处：

1、随着移动设备越来越多，可以提升用户体验。

2、该设计没有网页版本区分，所以SEO的策略保持一致。

3、可以避免重复内容，专心维护这一个网页。

4、保持网页的原有链接。

5、Google也建议优先采用响应式设计，因为无论是什么网页版本都是相同的HTML、相同的内容，Google最容易处理。

更多网站建设资料：