1.如果你想让网站与手机平板电脑和个人电脑兼容，你必须为不同的设备定制不同的版本。
2.如果您希望网站的某些页面在宽屏显示的下一行显示更多内容，则必须自定义宽屏版本。
3.很多人不会全屏浏览我们的网页。根据浏览器宽度调整页面是否更好
响应式web设计的概念是，页面的设计和开发应根据设备环境（屏幕大小屏幕方向系统平台等）和用户操作（更改窗口大小等）做出相应的响应和调整。详细的实用方法包括多个方面，包括弹性网格和布局图片CSS媒体查询的使用等。无论用户使用的是PC平板电脑还是手机，无论全屏幕显示是长还是短，无论屏幕是水平还是垂直，页面都应该能够主动切换分辨率图片大小和相关脚本功能，以适应不同的设备。
响应式web设计对交互设计和前端实现提出了更高的要求。它需要考虑页面布局的变化和内容缩放在不同的歧视率。
响应式网页设计的优势：
开发保护和运行成本优势：只有一页，针对不同的分辨率和不同的设备环境进行了一些不同的设计。因此，在开发维护和运行中有多个版本，可以节约成本。
操作操作：响应性设计适用于页面。只有必要的页面可以修改，其他页面不会受到影响。
当浏览器宽度变小时，左栏和右栏的宽度减小，左侧的横幅图片和视频相应地减小，并且右侧的化身列表从一行中的4更改为一行中的2。
当阅读器的宽度进一步减小时，页面从两列结构变为一列结构，本地内容的大小进一步减小，搜索区域也从导航移动到导航的外部。
通过用户讨论，我们可以了解用户使用的设备的分布情况，我们当然需要兼容的设备类型和屏幕尺寸。
设备类型：包括移动设备（手机平板电脑）和PC。对于移动设备，在设计和实施时注意添加手势功能。
屏幕大小：包括各种手机屏幕的大小（包括水平和垂直）各种平板电脑的大小（包括水平和垂直）通用电脑屏幕和宽屏。
要审议的问题：
页面响应性设计中使用的尺寸是什么例如，1688搜索结果页面可以从手机扩展到宽屏，而1688主页由于结构过于复杂，希望直接迁移到手机，这是不正确的。直接设计一个移动版的主页。
联合用户需要降低成本并选择合适的尺寸。例如，对于某些功能操作页面，不需要响应式设计，因为单个用户不需要在移动端操作。
制作线框原型
根据所确定的大小来区分和制作不同的线框原型，需要考虑如何改变页面的布局如何缩放内容大小删。除有效性和内容，甚至对特殊环境进行特殊设计。这个过程需要设计师和前端开发人员之间的密切沟通
测试线框原型
将图片导入相应的设备进行一些简单的测试，可以帮助我们尽快发现可访问性和可读性方面的问题。
视觉设计
请注意，移动设备的屏幕像素密度不同于传统计算机屏幕的像素密度。在设计中，必须确保内容和文本的可读性控件的可点击区域等。
前端实现
与传统web开发相比，响应式设计的页面布局和内容大小发生了变化，因此最终输出更可能与设计草案不同，这需要前端开发人员和设计师之间进行更多的沟通。
