--- title: 响应式网页设计的优点和缺点 date: 2015-03-09T16:00:00Z modified: 2024-07-03T07:45:15Z permalink: "https://www.tmogroup.com.cn/insights/xhtml5-21663/" type: post status: publish excerpt: "" wpid: 100777 categories: - 电商开发 tags: - 电商开发 - HTML5 - 响应式网页设计 featured_image: "https://www.tmogroup.com.cn/wp-content/uploads/2024/07/Multi-Column-Layout-Websites-Pros-and-Cons-2.png" timestamp: 2024-07-03T07:45:15Z --- 随着智能手机的快速发展，移动互联网时代已经到来，在生活的各个场所，随处可见用手机做着各种事的人们，看娱乐八卦，看小说，看视频，浏览各种网站，当你用手机浏览网页时，会不会因为有些网站在手机上的展现太丑而想愉快的吐槽。或者潇洒的关闭，不留下一片云彩。由此，我们发现了一个问题，就是传统的web页面已经不能满足多种设备的浏览效果，比如传统页面在大浏览器中会有较大的空白区域，而在小浏览器以及移动设备中，不能完全显示页面，或是将页面缩小至适应移动设备尺寸大小，不能正常浏览，对于点击触点也有影响，很多人会选择放大页面，在进行浏览，这样整个页面就需要不停的拖动，给用户的体验不好。。这时候，一种技术由然诞生，它能完美的解决这些问题，并让移动互联网进入另一高度，它就是[响应式网页设计](https://www.tmogroup.com.cn/mobile/html5)。 说到响应式网页设计，就必须 首先了解它是什么？有什么优缺点？本文就这些问题给大家做了详细的讲解，希望大家能多响应式网页设计有更多的了解。 ##### 什么是响应式网页设计 所谓响应式网页设计就是一个网站兼容多个终端。同样的代码通过设备适配，满足不同的访问设备，能展现出不同的效果，始终内容优先，移动设备优先；这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。 ## **响应式网页设计的优点** **1、对用户友好** 响应式设计可以向用户提供友好的Web界面，因为它可以适应几乎所有设备的屏幕。现在技术发展日新月异，每天都会有新款智能手机推出。如果你拥有响应式网页设计，用户可以与网站一直保持联系，而这是基本的也是响应式实现的初衷。 **2、移动频段(Mobile Segment)** 在响应式网站的帮助下，你可以获得网站流量的全景图。你需要做的只是创建一个移动频段(的流量统计)，以获得与网站流量相关的所有必要信息。流量的状态在分析网站性能及采取必要措施提升性能方面十分有用。 **3、利于分享** 响应式Web设计可以让你(作为网站的拥有者)通过单一的URL地址收集所有的社交分享链接。你可以为创建更好、更友好的网站而做出积极贡献。 **4、利于SEO** 搜索引擎也在变得越来越聪明，它们足够智能可以完成移动网站和桌面网站的连接。 **5、无重定向** 响应式Web设计最大的优点之一是，你不必在乎任何重定向，它包含无用户代理定向。所以当你很少负责解决重定向及定向用户时，这是一件很棒的事情。 **6、利于维护** 开发一个独立的移动网站，会增加你的工作负担。实际上你就拥有了两个独立网站。如果你有一个响应式网站，维护的成本将会很小，因为它只有一个布局，且可工作在所有类型的设备上，而这可以明显地减少你的工作量。 ## **响应式网页设计的缺点** 1、对老版本IE支持不好，这是一个致命的问题，尤其是IE6，如果你的网站用户大多还采用老版本的IE的话(建议在统计工具里看一下)，就不适合做响应式网页设计了。 2、例如一些小游戏站、视频站，如果仅仅是网页采用了响应式设计，但里面的内容依然是只能在PC端打开的话，这时候就要认真考虑了。 3、开发响应式网站是一项耗时的工作。如果你计划把一个现有网站转化成响应式网站，可能耗时更多。如果你想要一个响应式网站，最好从草图开始重新设计。 4、响应式网页设计的布局主要是液态的，这也正是设计者对设计样式不好控制的原因。而且眼下正是设计者提前展示各种“复制品”的时候。设计者试图针对移动和 桌面布局分别显示线框和设计原型。只有等到这两种布局均得到提高后，响应式网页设计策略才能真正实现。**（推荐阅读：[如何实现响应式网页设计的布局](https://www.tmogroup.com.cn/xhtml5/21635)）** 响应式网页设计作为适应移动时代的产物，在今后几年将会成为网页设计的主流。