在如今这个屏幕无处不在的时代，我们用手机刷微博、用平板看视频、用电脑办公，屏幕大小千差万别。那怎么让一个网站或应用在各种屏幕上都能让用户用得顺心呢？这就得靠跨屏幕的响应式设计来大显身手啦。
1、灵活的布局是关键
它会根据屏幕大小自动调整布局。在大屏幕上，内容可以宽宽松松地排成多列，看起来清爽又大气；到了小屏幕手机上，它就变成单列，内容依次排开，字体也自动变大，按钮也变大，手指点起来轻松得很。就是在什么设备上，都能给用户带来友好的体验。
2、图片和视频要自适应
响应式设计能让图片和视频聪明起来。它们会根据屏幕宽度自动调整大小，保持原有的比例，该大就大，该小就小。比如你用平板看一个风景视频，画面刚好充满屏幕，视觉效果超棒；换成手机看，视频也正好缩到合适的尺寸，不会出现黑边或者变形的情况，来保证用户无论在哪种设备上都能享受到最佳的视觉盛宴。
3、交互设计要贴心
在不同屏幕上，用户的操作习惯也不同。在电脑上，我们习惯了用鼠标悬停、点击；在手机和平板上，更多是触摸操作。响应式设计会考虑到这些差异。比如，电脑端的导航栏可以用鼠标悬停显示下拉菜单；到了手机上，就换成一个汉堡菜单图标，轻轻一点就能展开，方便用户快速找到自己想要的内容。按钮的设计也会根据屏幕大小和操作方式进行调整，手机上的按钮会更大，方便手指点击，以避免误操作，让交互过程流畅又自然。
其实响应式设计的核心，就是 “跟着用户的设备走”，不管用手机、平板还是电脑，网站都能自动调整到最舒服的状态，不用用户手动调整，这样才能让网站更加备受青睐。
