人们普遍认为，在过去几年中，标准显示器的最佳网站宽度已从800像素增加到1024+像素（网站通常为960px宽），但随着移动设备的兴起，哪些分辨率被认为是迎合的"关键"？
例如，这个网站有五个（！）不同的布局，具体取决于浏览器的宽度，但大多数似乎只有两个。
如果您希望您的网站具有响应能力，是否有一系列普遍同意的宽度，您至少应该满足这些宽度？如果是这样，它们是什么？
我大体上同意 Bootstrap 的做法 - 一个用于大型设备，一个用于中型设备，一个用于大型移动设备（如平板电脑），最后一个用于手机设备的流体宽度（因为手机屏幕分辨率和屏幕尺寸因各地而异）。
这些是：
超小型设备
电话 （<768px）
小型设备
平板电脑 （≥768px）
中型设备
台式机 （≥992px）
大型设备
台式机 （≥1200px）
哦，顺便说一下，Bootstrap IMO 是最好的 css 框架，用于创建基本上适用于任何内容的响应式网站（请记住自定义 css 以使您的网站看起来更原始）。
这取决于您的内容; 您的内容应该驱动您的断点。通过预定义的设置断点可以假设您的内容，甚至更多关于将在其上查看您的内容的设备。如果您有预先存在的响应式网格，则可能必须使用它提供的现有断点，但理想情况下，您以相反的方式执行此操作 - 从最窄的支持宽度开始，并找出随着视口宽度的增长而更改布局的位置。关于应该提前使用或定义多少个断点，已经没有规则甚至"行业最佳实践"。