【发布时间】:2012-07-10 12:43:58
【问题描述】:
我使用 960gs 来生成 Web 应用程序的布局,但是整个开发过程都是在我的 15 英寸笔记本电脑上完成的。在 22 英寸的显示器上查看应用程序,它看起来非常小,即无论显示器尺寸如何,它的宽度都是固定的。
这是 960gs 的限制,还是我自己的 CSS 有问题?
【问题讨论】:
我使用 960gs 来生成 Web 应用程序的布局,但是整个开发过程都是在我的 15 英寸笔记本电脑上完成的。在 22 英寸的显示器上查看应用程序,它看起来非常小,即无论显示器尺寸如何,它的宽度都是固定的。
这是 960gs 的限制,还是我自己的 CSS 有问题?
【问题讨论】:
正如@oezi 提到的,这就是 960gs 的工作原理。
话虽如此,您可以通过使用基于百分比单位而不是像素的a variant on the 960gs 来实现您想要的,并生成流畅的布局而不是固定的布局。它链接在960gs homepage 底部的Derivatives 下。
注意:您可以并且当然应该根据您的需要更改代码。如需更多动力,请阅读 Matt Ward's post 将 CSS 框架描述为“工具,而不是拐杖”。
【讨论】:
正如网站所说,您的网站将是 960px 宽,无论用户分辨率如何 - 在 22 英寸显示器(全高清?)上,这只是屏幕宽度的 1/2...就是这样有效。
精华
[...] 基于宽度 960 像素。
您可以尝试做的是create several grid-sizes 并使用media-querys 包含最适合实际分辨率的那个。
【讨论】: