问题标签 [singularitygs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
92 浏览

responsive-design - 使用singularitygs:调整大小时水平滚动

我在第一次使用singularitygs的项目中遇到了一个奇怪的问题:调整视口大小时,我得到一个水平滚动条 水平......而且我真的很难过找出原因以及是否与奇点有关。

项目开发网站位于:

http://goo.gl/kBkKm

我真的很感谢任何更有经验的人的帮助。谢谢你的时间。

最佳,乙

0 投票
1 回答
1350 浏览

singularitygs - 奇点网格系统排水沟

我试图不仅在列之间而且在布局的左右两边都有排水沟。有没有办法使用 add-gutter 功能做到这一点?

0 投票
2 回答
12770 浏览

internet-explorer-8 - 如何在 IE8 中使用移动优先

考虑到 SingularityGS 默认遵循移动优先的方法,你们如何解决 IE8 中的问题,它显示了所有依赖于媒体查询的移动版本?

您是否找到了解决方案,还是我必须先切换到桌面?

谢谢。

0 投票
2 回答
321 浏览

sass - 使用 Singularitygs 重叠网格

我想知道是否有办法用 Singularity.gs 做重叠网格,就像在 Grid Set App 中一样?

我想根据黄金比例覆盖两个 2 列网格。

例如

0 投票
1 回答
235 浏览

singularitygs - 具有像素度量的嵌套网格

我从singularitygs(和网格系统)开始,当然我遇到了问题。这里是。

我有这个 HTML 标记:

我已经设置了这个不对称网格:

而这个scss:

问题是如何让内部 div 意识到 #main 应该只有两列(和一个排水沟)这一事实。相反,看起来#main 继承了默认的网格设置。

我尝试了很多选项,例如通过 @include 布局更改#main 网格。或者通过添加告诉列适应正确的上下文@include grid-span(1, 1, 2);(第三个数字应该告诉 div 它在默认网格上下文中。但无济于事。我怀疑问题出在我对默认网格的 px 定义中。因为内部 div 得到很多时间只有 1.356% 宽,这看起来有点可疑。我是对的吗?我该怎么办?

感谢您的任何建议。

编辑:我尝试添加确切的 px 尺寸,并结合添加嵌套上下文,它看起来像它应该的那样,但我认为这不是它应该如何工作的?

0 投票
2 回答
410 浏览

singularitygs - 我可以创建一个具有奇点的固定网格吗?

上周我发现了指南针网格奇点,这令人印象深刻。我将基于 Singularity 设计我的下一个项目。不幸的是,我需要使用固定网格(宽度=1024px)。

是否可以设计具有奇点的固定网格?

谢谢

0 投票
1 回答
1755 浏览

sass - 指南针无法加载singularitygs gem

尝试使用 Singularity.gs 建立一个新项目,但我一直遇到 Compass 的障碍。

首先,我使用终端安装必要的 Ruby Gems(分别为 sass、compass、singularitygs)。

接下来我使用命令创建了一个新项目:

在我选择的目录中。

在这一点上,为了让生活更轻松,我还尝试使用像 Scout ( http://mhs.github.io/scout-app/ ) 和/或 Compass.app ( http://compass. handlino.com/),这样我就可以利用更加用户友好的 GUI。

但是,我在使用这些应用程序中的任何一个时都遇到了问题,所以我假设它与我的 Ruby gem 安装的奇异性或新项目的创建有关。

具体来说,一旦我有了目标目录和文件夹结构,我将尝试“监视” sass 文件夹并得到如下所示的错误:

(罗盘)

或(侦察兵)

奇怪的是,如果我尝试在使用 Foundation 的项目中查看 Sass 文件夹(之前还安装了 zurb-foundation ruby​​ gem),我也会在 Scout 中收到非常相似的错误消息

我对设置 Sass / Compass 非常陌生,所以我肯定感觉有点不适应。我知道这可能不是从我的描述中最容易诊断的事情,但我不确定我做错了什么。希望我已经设法足够清楚地描述我的问题。如果其中任何内容显得模糊或不完整,请耐心等待,这绝对不是我的意图。

非常感谢。

0 投票
2 回答
764 浏览

singularitygs - 奇点 gs 删除左右边距

我第一次使用singularitygs。我想知道如何删除左右边距(排水沟)?就像 960gs 中的 alpha/omega 选项一样。有这样的吗?

谢谢你。我知道$位置。我没有正确描述我的问题

所以下面的场景:

0 投票
1 回答
727 浏览

singularitygs - 使用奇点,我发现带有宽容器的浮点数有些不一致

我第一次尝试奇点,我正在尝试重新创建我拥有的网格。简单的一个。

这是一个简单的结构,用于测试:

所以在一个 12 列的网格中,页眉是全宽的,主要是 9 列宽,旁边是 3 列宽,页脚是满 12 列。

不管怎样,不一致的地方是:header、aside、footer都有float:right,但main是float:left,所以它脱离了文档的流程。

这是网格:

这是其余的:

所以问题是,它不尊重流程并且与标题重叠,就像这样http://imageupload.maxmendez.net/images/incon.png。绿色的主要,应该在标题下方。

为了解决这个问题,我必须这样做:

正确添加选项,似乎很清楚并解决了我的问题。我是否有理由忽略为什么 mai 向左浮动?

仍然没有在 IE 中测试,但我担心兼容性。

0 投票
2 回答
1197 浏览

sass - 页眉和页脚宽度为 100% 的奇点网格布局

我使用的是 Singularity Grid System 版本 1.1.2,我的 12 列网格的变量是 $grids: 12, $gutters: 1/3。网格布局工作正常。现在我想给出覆盖整个浏览器宽度的顶部页眉组、中间部分和页脚背景颜色。所有内容都居中,占总宽度的 90%。