根据Wikipedia及其参考文献，理论上，响应接口可以适应不同的设备。描述响应界面的一个恰当的句子是“content is like water”，它的中文意思是“如果你认为屏幕是一个容器，那么内容就像水”。

为什么要用老的方式为主流设计一个特别的版本？为什么要费心统一所有设备？

1、调查显示，即使是PC或Mac用户，也只有一半的用户会全屏显示自己的浏览器，而其他普通人群使用的浏览器规模却很难预测。

2、台式机、投影、电视、笔记本、手机、平板电脑、手表、VR智能设备不断增加，“主流设备”的概念正在消失。

3、随着屏幕分辨率的快速发展，同一图像在不同设备上的大小可能会有很大的差异。

4、鼠标、触摸屏、笔、相机手势等意想不到的处理方式正在出现。

四级响应界面

1、同一页在不同的大小和比例下应该看起来很舒服；

2、在不同的决议中，同一页应该是合理的；

3、在不同的操作模式下（如鼠标、触摸屏等），应统一同一页面的体验；

4、同一页面在不同类型的设备（手机、平板电脑、电脑）上的互动模式应符合习惯。

内容块可以自动调整到一定程度，以确保整个页面被填满。当页面大小发生较大变化时，可以减少/增加列数；当页面大小变化更大时，块的边距也应随之改变。

对于普通的宽度调整，当两边都被隐藏时，图像仍保持美观和可用

例如，在电脑上显示的大的描述文字，只能少量显示或完全隐藏在手机上

不要使用像素作为大小单位，而是使用DP size和其他方法来确保页面在分辨率差异较大的设备上看起来是一致的。它还要求提供的图像应该比预期的大，以适应高分辨率屏幕。否则，像我的Photoshop一样，会发生以下情况：即使基本规则得到满足，在实际设计中也会出现一些问题。在设计响应式界面之初，可以很容易地使用页面百分比作为解决所有问题的方法。然而，根据我的经验，百分率并不容易使用，因为：

1、百分比容易使整个页面看起来“柔软”，所有的宽度和页边距都在不断变化，使用起来不舒服；

2、用百分比来确定文本大小、边框、阴影、圆角等元素并不方便。这样一来，有些东西可以根据页面的百分比变化，而有些则不能，这会破坏整个视觉设计。

3、当页面大小急剧变化时（只考虑手表和投影仪），百分比不能解决可读性和易用性的问题。

理想的响应页面应该能够适应任何操作模式，因此在触摸屏设备上悬停可能会被整体放弃。考虑到悬停反馈对鼠标用户来说仍然非常重要，可以保留悬停效果，但不能用悬停状态来显示关键信息。用户希望在移动页面上看到更多的内容。而且手机上的网页布局习惯与电脑上的不同。这不是很容易掌握的。我们只能多加关注，努力制定符合各方习惯的规则。