最近，响应式网站设计和自适应网站设计引发了设计行业的发展趋势。当您开始设计新网站或重新设计网站时，选择哪种设计是一个非常棘手的问题。面对挑剔的老板和客户，如何解释定义是网站设计师的考验。如果他们想要以前的设计风格，您如何向他们解释响应式网页设计的优缺点？
什么是响应式网站设计？
响应式网页设计（rwd）是一种网页设计方法，旨在允许查看桌面网页以响应正在查看的屏幕或网络浏览器的大小。这意味着为单个网站的各种设备提供相同的支持。
您应该考虑的三个步骤：
1.媒体查询。也就是说，指定不同的css显示样式。
2.流体网格。百分比％将用于css而不是绝对值。
3.流体图像/介质。与第2点相同，它还使用百分比而不是绝对值来修改图像，视频和字体的显示。这样就可以根据不同的屏幕进行调整。
响应式网站设计的优点
1.用户体验友好
响应式设计可以为用户提供友好的网络界面，因为它可以适应屏幕上的几乎所有设备，包括智能手机，平板电脑，电视，pc显示器，iphone和android手机，这些都有助于移动友好的网站设计。尽管有一种说法是响应式设计正在降低移动用户体验。
2.节省响应式网站设计开发的成本
与pc，ipad和手机网站的开发相比，响应式设计更有利于节省设计和开发成本。
在设计方面，它只需要为基于pc，ipad和移动设备的响应式web界面设计两组设计渲染。从前端开发的角度来看，只需要开发3种不同的css样式。从后期维护的角度来看，不需要维护pc界面，ipad界面和移动界面。
3、seo友好
它允许您通过单个url地址收集所有社交共享链接（如果您是网站所有者）。您可以为创建更好，更友好的网站做出积极贡献。
从另一个角度来看，响应式网页设计是seo友好的。google还建议优先考虑响应式设计，因为无论您选择哪种页面版本，百度都可以轻松处理相同的html和内容。
响应式网站设计的缺点
1.旧版ie浏览器兼容性差
如果您的网站用户大多使用旧版ie，则不建议您进行响应式设计。对于旧版ie浏览器（ie6，ie7，ie8）来说，这是一个致命的问题。
2.减慢装载速度
加载某些响应式网站需要更长时间。这不是什么大问题，因为会加载一些不必要的html / css。例如，响应式网站上的图像只是在视觉上按比例缩小，而不是为了最快的加载时间而重新调整大小。
3.开发耗时
对响应式网站来说，这是一项耗时的任务。如果您打算将现有网站转换为响应式网站，可能需要更多时间。如果你想要一个新的响应式网站，最好从一开始就进行设计。这意味着从通过mockplus等原型制作工具创建原型到html / css开发。
4.对布局的影响
响应式网站设计的液体布局很难让设计师很好地控制设计风格。设计人员正试图分别为移动和桌面布局显示线框和设计原型。只有在这两种布局得到改进之后，才能真正实现响应式web设计策略。