响应式网页设计是我们多屏幕问题的一个很好的解决方案，但是从打印的角度来看，它是困难的。没有固定的页面大小，毫米或毫米，没有物理限制来对抗。随着越来越多的小工具可以打开网站，Google桌面和手机的设计也是过去的。因此，让我们澄清一下响应式网页设计的一些基本原则，以便拥抱流畅的网络，而不是与之相冲突。为了保持简单，我们将专注于布局响应对比自适应网页设计,它可能看起来一样，但不是。这两种方法相互补充，所以没有对错的方法，一切内容决定。

  1.流量
  随着屏幕尺寸变小，内容开始占据更多的垂直空间，下面的任何东西都会被推下来，这被称为流程。如果您习惯于使用像素和点进行设计，那么抓握可能会很棘手，但是当您习惯使用它时，可能会很有意义。

  2.相对单位
  画布可以是桌面，移动屏幕或其间的任何东西。像素密度也可以有所不同，所以我们需要灵活的单位，无处不在。那就是百分比相对单位派上用场。所以做一些50％的宽度意味着它总是占用一半的屏幕（或视口，这是打开的浏览器窗口的大小）。

  3.断点
  断点允许布局在预定义点更改，即在桌面上具有3列，但在移动设备上只有1列。大多数CSS属性可以从一个断点更改为另一个断点。通常你放在哪里取决于内容。如果一个句子中断，您可能需要添加一个断点。但是请谨慎使用它们-当很难理解什么是影响什么时，它可能会很快发生。

  4.最大值和最小值
  有时，内容占用屏幕的整个宽度，如在移动设备上，但是具有延伸到电视屏幕的整个宽度的相同内容通常不那么有意义。这就是为什么Min/Max值有帮助。例如，宽度为100％，最大宽度为1000px将意味着内容将填满屏幕，但不要超过1000px。

  【温馨提示】文中部分文字图片来源网络，版权归属原作者，若有不妥，请联系告知修改或删除，谢谢！