如何使用960网格系统实现流体宽度？

Question

我已经使用960gs为Web应用程序生成布局，但是开发过程是在我的15英寸笔记本电脑上完成的。在22英寸显示器上查看应用程序，看起来非常小，即无论显示器尺寸如何，其宽度都保持固定。

这是960gs的限制，还是我自己的CSS中的问题？

Answer 1

正如@oezi所提到的，这就是960gs的工作方式。

话说回来，您可以使用基于百分比单位而不是像素的 a variant on the 960gs 来实现您的目标，并生成流畅的布局而不是固定布局。它链接在960gs homepage的底部，在 Derivatives 下。

注意：您可以，当然也应该根据您的需要更改代码。为了获得额外的动力，请阅读Matt Ward's post将CSS框架描述为“工具，而不是拐杖”。

Answer 2

正如网站所说，你的网站将960px宽，用户分辨率的关注度 - 在22“ - 监视器（全高清？）上只有屏幕宽度的一半......那就是它是如何工作的。

  

<强>本质

     

[...]基于宽度   960像素。

您可以尝试做的是create several grid-sizes并使用media-querys来包含最符合实际分辨率的那个。