【问题标题】:How to achieve fluid width using 960 Grid System?如何使用 960 Grid System 实现流体宽度?
【发布时间】:2012-07-10 12:43:58
【问题描述】:

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

这是 960gs 的限制,还是我自己的 CSS 有问题?

【问题讨论】:

    标签: css 960.gs


    【解决方案1】:

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

    话虽如此,您可以通过使用基于百分比单位而不是像素的a variant on the 960gs 来实现您想要的,并生成流畅的布局而不是固定的布局。它链接在960gs homepage 底部的Derivatives 下。

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

    【讨论】:

    • 那我该怎么办,用这个 1 替换我当前的 960 css?
    • 好吧,它会解决你的问题,但这取决于你。它的工作原理是一样的,你应该能够切换 CSS 而忘记它,你可以看到我是如何做到的 here
    【解决方案2】:

    正如网站所说,您的网站将是 960px 宽,无论用户分辨率如何 - 在 22 英寸显示器(全高清?)上,这只是屏幕宽度的 1/2...就是这样有效。

    精华

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-12-27
      • 1970-01-01
      • 2011-10-08
      相关资源
      最近更新 更多