css - 如何使用 960 Grid System 实现流体宽度？

Question

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

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

Answer 1

正如@oezi 提到的，这就是 960gs 的工作原理。

话虽如此，您可以通过在 960gs 上使用基于百分比单位而不是像素的变体来实现您想要的，并生成流体布局而不是固定布局。它链接在960gs 主页底部的衍生产品下。

注意：您可以并且当然应该根据您的需要更改代码。如需更多动力，请阅读Matt Ward将 CSS 框架描述为“工具，而不是拐杖”的帖子。

Answer 2

正如网站所说，无论用户的分辨率如何，您的网站都会很960px宽 - 在 22 英寸显示器（全高清？）上，这只是屏幕宽度的 1/2 ......这就是它的工作原理。

本质

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

您可以尝试做的是创建几个网格大小并使用媒体查询来包含最适合实际分辨率的那个。