【问题标题】:Making the Skeleton Grid System Wider [closed]使骨架网格系统更广泛[关闭]
【发布时间】:2012-10-26 21:13:11
【问题描述】:

我很好奇是否有人曾经将骨架网格系统转换为具有更宽的最大宽度。 960px 现在有点小了,我希望能接近 1100px。

如果有人以前这样做过或有任何关于开始更改的提示,那就太棒了!

【问题讨论】:

  • 你看到这个GetSkeleton1200 Github repo了吗?它有 1200 像素宽,但您可能会找到一些关于它们是如何制作的信息。或许 1200 像素更能满足您的需求?

标签: responsive-design skeleton-css-boilerplate


【解决方案1】:

在skeleton.css 文件中,更改Grid 部分

.container {
    max-width: 960px;
}

.container {
    max-width: 1200px;
}

或您喜欢的任何尺寸。这是最简单的解决方案,适用于我的情况。

【讨论】:

  • 如果我希望网站始终跨越屏幕的整个宽度,是否可以删除最大宽度?
  • @user3607282 是的,max-width 设置了一个上限,所以删除它,网站就会变得和屏幕一样大。
  • 我只会对 1000 像素以上的屏幕进行@media 查询,而不是更改 Grid 部分中的源容器。
【解决方案2】:

两种选择:

  • 1200px(Nicolas Poliquin,最后更新于 2013 年 5 月)
  • 1280px(Ian Yates,2012 年 6 月,还包括没有嵌套的流体选项)

它们都只是用另一组 CSS 扩展了 bog 标准 960 网格,以适应更大的浏览器尺寸。

我个人可能会选择 1200,因为它与 960 共享相同的 factors 并满足我的强迫症:)

这里有一些关于fluid layouts 的思考。

【讨论】:

    【解决方案3】:

    有一个 sass 版本,允许您选择容器宽度、列数、断点和列边距。 https://github.com/lazerwalker/Skeleton-SASS/

    【讨论】:

      猜你喜欢
      • 2013-03-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-03-16
      • 1970-01-01
      • 2012-10-19
      • 1970-01-01
      • 2015-05-09
      相关资源
      最近更新 更多