CSS新手困惑:为什么在960px中使用响应式线框？

Question

我还在学习CSS，对一些事情感到有点困惑。

为什么设计师要做基于960px布局的线框图/样机？

我不是在谈论960网格系统，我是在谈论像PSD样机之类的东西。我在许多在线文章和教程中注意到，设计师经常基于960画布大小做样机。我知道960仍然是计算机上最常用的像素大小，但是，例如，如果你要构建一个基于百分比的响应式网站，那么如果你要做1024px、768、320等的媒体查询，为什么还要用960px做线框/样机呢？

任何有见地的人都会非常感激！

Answer 1

使用960px是因为它可以被1、2、3、4、5、6、8、10、12、15和16整除...-允许设计师拥有大量不同的列宽和可能的布局。在这方面，可能还有其他“神奇”的数字。

同样，正如所指出的，960px的宽度适合大多数分辨率“很好”。

Answer 2

一个好的设计师会为每个断点做模型，而不仅仅是960。对于每个断点，它们都会有一个网格可以在其中工作。

Answer 3

他们一定是老古板的设计师。现代设计师应该为更大和更小的尺寸构建模型，并在可能的情况下进行响应式布局。

您可能还需要为某些移动设备设计非常特定的分辨率大小，请查看以下有用的屏幕分辨率列表：http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density