html - 响应式网站应满足多少种不同的分辨率/方向？

Question

人们普遍认为，在过去几年中，标准显示器的最佳网站宽度已从 800 像素增加到 1024+ 像素(网站通常为 960 像素宽)，但随着移动设备的兴​​起，哪些分辨率被认为是“关键”迎合？

例如，this website有五(!)种不同的布局，具体取决于浏览器的宽度，但大多数似乎只有两种。

如果您希望您的网站具有响应性，是否有一个普遍认可的宽度系列，至少您应该满足这些宽度？如果有，它们是什么？

Answer 1

我大体上同意 Bootstrap做到这一点 - 一种用于大型设备，一种用于中型设备，一种用于大型移动设备(如平板电脑)，最后一种用于移动电话设备的流体宽度设备(因为手机屏幕分辨率和屏幕尺寸在各地各不相同)。

它们是:

超小型设备
电话(<768 像素)

小型设备
平板电脑(≥768px)

中型设备
桌面(≥992px)

大型设备
桌面(≥1200px)

哦，顺便说一下，Bootstrap IMO 是创建响应式网站的最佳 CSS 框架，基本上适用于任何东西(请记住自定义 CSS 以使您的网站看起来更原始)。