阅读时间： 5 分钟
响应式网页设计对于解决网站的多屏问题是一个很好的解决方案，但从打印角度解决这个问题就有点困难了。
没有固定的页面大小，没有毫米，没有厘 WhatsApp 引导 米，当然也没有需要解决的物理限制。
使用像素为桌面或移动设备设计网站也已 成为过去，特别是随着允许您打开网站的新设备的出现。
因此，我们需要明确一些关于响应式网页设计的基本原则，以巩固整个概念，而不是违背常理。
为了让事情变得简单，让我们关注布局（是的，响应式设计远远超出了上述内容，如果你真的想了解它，布局是最好的开始方式）。
- 自适应
- 流程
自适应 X 响应式设计
看起来可能一样，但不要误会。这两种方法实际 个基 您在各种网站上的品牌页面本原则 上是相辅相成的，所以没有正确或错误的方法。让内容决定。
流程
从设备屏幕尺寸减小的那一刻起，内容也开始填充更垂直的空间，所有内容都被“推”向下。这个过程被称为流动。
如果您习惯使用像素和点来设计网站，那么理解起来可能会有点困难，但是一旦您习惯了这个过程，您很快就会明白。
相对单位
想象一下，屏幕可以是台式机、智能手机屏幕或介于两 消費者數據 者之间的任何东西。像素密度也会变化，因此我们还需要可以在任何地方工作的灵活单元。
这时基于百分比的相对单位就派上用场了。因 个基本原则 此，以 50% 的比例渲染某个内容意味着它将始终占据屏幕的一半（或视口，即打开的浏览器窗口的大小）。
断点
断点允许布局在预定义点处发生变化，例如，桌面上有 3 列，但移动设备上只有 1 列。大多数 CSS 属性都可以从一个断点改变到另一个断点。
通常，这些点之一的位置主要取决于该处的内容类型。如果序列中断，则可能需要添加断点。
但一定要小心使用它们。如果你不了解什么在影响什么，一切很快就会变得一团糟。