在确定媒体查询的断点时,请考虑以下现实:
视口的可能性如此之多,将断点与特定设备相匹配听起来并不有效。紧跟流行,新变化以及已更改的内容将是一项永无止境的任务。
通过这种方法,您的站点将使用其自然断点来适应 所有 视口大小,而不是针对当前常见屏幕大小的人为断点。
这种方法是如此简单和容易,可能难以置信:
当然,如果您设计的是移动设备优先的产品,那么过程将相反:从窄屏开始,然后逐步解决。
有了自然的断点,您不再需要关注视口大小的庞大范围,因为您的站点现在和将来都可以适应任何设备。
根据一位开发人员的说法,这种方法将断点带到了他们的初衷:
我不确定我们如何提出“特定于设备的断点”一词…据我所知,术语“断点”始终是对内容或布局将“断”的地方的引用(即看起来有缺陷),因此您需要在此时进行媒体查询。但是我想那只是语义,我一直认为在内容或布局的上下文中引用断点是常识。
?Louis Lazaris, ImpressiveWebs