现在进入移动端

[rakibhasanbd4723]

接下来是 iPad 大小的平板电脑视图：

当屏幕两侧没有足够的空间时，Smashing Magazine 会将广告和搜索保留在右侧，但会以一种巧妙的方式将导航移到顶部，这样既引人注目，又不会占用太多空间。

以下是 Kindle Fire 尺寸平板电脑的视图：

由于屏幕空间变得太宝贵，广告被牺牲了。搜索被 芬兰电话号码列表 移到了顶部，因此第二层导航被移到了侧面，以确保主要内容不会在页面中的位置太低。

在移动视图中，广告和分享按钮仍然不见了。导航已从页面上的固定元素变为顶部的一个小下拉菜单。顶部导航消失后，搜索栏被放到了可用空间中。

如您所见，响应式网页设计为您提供了惊人的控制能力。只要发挥一些创造力，响应式网页设计几乎可以将任何内容从针对 PC 优化转换为针对移动设备优化，再转换为介于两者之间的任何内容。

为什么响应式设计有利于 SEO
现在您知道响应式设计是一个聪明的想法，只要正确设置，就可以减少网站维护和内容创建。但这对 SEO 有什么帮助呢？

可用性
Google 希望将访问者引导至他们想要查看的网站。当搜索者导航到您的网站并立即返回搜索引擎结果页面时，Google 会注意到您的网站可能不是该搜索词的最佳选择。