CSS新手困惑:为什么响应线框在960px



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

为什么设计师做线框图/模型基于960px的布局?

我说的不是960网格系统,我说的是像PSD模型等东西。我注意到,在网上的许多文章和教程中,设计师经常基于960画布大小制作模型。我意识到960像素仍然是电脑最常使用的像素大小,但是,如果,例如,你要建立一个基于百分比的响应式网站,那么为什么你仍然用960px做线框/模型,如果你要做1024px, 768, 320等的媒体查询?

任何见解将不胜感激!

使用

960px是因为它可以被1,2,3,4,5,6,8,10,12,15和16整除…-允许设计师有各种不同的列宽度和可能的布局。在这方面可能还有其他的"神奇"数字。

也正如所指出的,960px的宽度适合大多数分辨率。

一个好的设计师会为每个断点做模型,而不仅仅是960个。对于每个断点,他们将有一个网格来工作。

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

你可能也有非常具体的分辨率大小,你需要设计,如某些移动设备,看看这个有用的屏幕分辨率列表:http://en.wikipedia.org/wiki/List_of_displays_by_pixel_density

最新更新