Html CSS新手困惑:为什么在960px中使用响应性线框?

Html CSS新手困惑:为什么在960px中使用响应性线框?,html,css,wireframe,mockups,Html,Css,Wireframe,Mockups,仍然在学习CSS,我对一些事情有点困惑 为什么设计师要基于960px布局进行线框/实体模型 我不是在说960网格系统,我是在说PSD模型等东西。我在网上的许多文章和教程中注意到,设计师经常根据960画布大小制作模型。我意识到960仍然是计算机中使用最多的像素尺寸,但是,例如,如果你要建立一个基于百分比的响应性网站,那么如果你要对1024px、768、320等进行媒体查询,为什么你还要用960px进行线框/模型制作呢 任何见解都将不胜感激 一个好的设计师会为每个断点制作模型,而不仅仅是960个断点

仍然在学习CSS,我对一些事情有点困惑

为什么设计师要基于960px布局进行线框/实体模型

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


任何见解都将不胜感激

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

他们必须是老式的设计师。现代设计师应该为更大和更小的尺寸建立模型,并尽可能进行响应性布局

您可能还需要设计非常特定的分辨率大小,例如对于某些移动设备,请查看以下有用的屏幕分辨率列表:
使用960px是因为它可以被1、2、3、4、5、6、8、10、12、15和16整除…-允许设计师拥有多种不同的列宽和可能的布局。在这方面可能还有其他“神奇”数字


同样如前所述,960像素的宽度“非常适合”大多数分辨率。

我不是设计师,但我想冒险猜测,我们一天24小时的工作时间也是出于类似的原因:它划分得很好。这主要是出于历史原因。如果你有1024倍的屏幕尺寸(这在很长一段时间内是最可行的尺寸),你没有完整的可用屏幕尺寸。例如,滚动条在某些像素和某些浏览器工具栏上有一定的作用。这是一种避免水平滚动的安全间隙。