现在关于响应式WEB设计，很多人表示确实非常实用，但是万变不离其宗，更主要的部分是肯定还是不能缺少的，小编今天就来和大家共同探讨一下这个问题：

响应式设计 vs 适应式设计

看似相同实则不然。这两种设计方式彼此相辅相成，所以说也没有对错之分。具体情况要依网站建设所做内容而定。

内容流

随着屏幕尺寸越来越小，网站建设内容所占的垂直空间也越来越多，也就是说，内容会向下方延伸，这就叫做内容流。如果你习惯了使用像素和点进行设计，可能会觉得这个有点难掌握。不过没关系，习惯了就很好理解了。

相对单位

网站建设的设计对象可能是台式桌面，也可能是移动端屏幕或者介于两者之间的任意屏幕类型。像素密度也会彼此不同，所以我们需要使用灵活可变，并且能够适应各种情况的单位。那么在这种情况下，百分比等相对单位就派上用场了。使用百分比时，我们说宽度50%就是表示宽度占屏幕大小(或者叫视区，也就是指所打开浏览器窗口的大小)的一半。

断点

断点可以让页面布局在预设的点进行变形，也就是说，在台式桌面上显示3栏，在移动设备上仅显示1栏。大多数CSS属性都可以实现断点之间的变形。断点放置的位置通常取决于内容。比如，如果一句话要换行，你可能就需要加上断点。但断点使用时需要谨慎--如果搞不清内容之间的逻辑关系，很容易弄的一团乱。

知识链接：在Web设计和开发领域，很快的，我们将会无法跟上设备与分辨率革新的步伐。对于多数网站来说，为每种新设备及分辨率创建其独立的版本根本就是不切实际的;结果就是，我们将会赢得使用某些设备的用户群，而失去那些使用其他设备的用户。不过，或许会有另外一种方式，可以帮助我们避免这种情况的发生。