响应式设计的疑问

普遍的响应式设计一般会要求按照主流设备的屏幕分辨率设置断点. 随着现在手机更新迭代越来越快，屏幕分辨率更是参差多态.

现在设置的断点，可能一年半载就已不适应. 所以与其让「屏幕分辨率」确定断点，不如让「内容」确定断点.

引用 Responsive Design Workflow 作者 Stephe Hay 的话来说:

Start with the small screen first, then expand until it looks like

1. Time for a breakpoint!
   大概意思是，从你需要适配的最小屏幕宽度开始测试，慢慢地拉伸，当你发现页面像坨屎的时候，一个新的断点就确定了.

接下来继续反复拉伸，确定新的断点，直到你所需要适配的最大屏幕宽度为止.

最后，你会发现通过 内容确定断点 使用的断点数量远比 屏幕分辨率确定断点 要少.

每一个尺寸都考虑到是不可能的，一般情况下，是考虑在某个范围内的尺寸，比如说，768px以下，可以把它当做是手机的来设计，在一个范围内，我觉得是可以接受的