问题标签 [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.
responsive-design - 使用singularitygs:调整大小时水平滚动
我在第一次使用singularitygs的项目中遇到了一个奇怪的问题:调整视口大小时,我得到一个水平滚动条 水平......而且我真的很难过找出原因以及是否与奇点有关。
项目开发网站位于:
我真的很感谢任何更有经验的人的帮助。谢谢你的时间。
最佳,乙
singularitygs - 奇点网格系统排水沟
我试图不仅在列之间而且在布局的左右两边都有排水沟。有没有办法使用 add-gutter 功能做到这一点?
internet-explorer-8 - 如何在 IE8 中使用移动优先
考虑到 SingularityGS 默认遵循移动优先的方法,你们如何解决 IE8 中的问题,它显示了所有依赖于媒体查询的移动版本?
您是否找到了解决方案,还是我必须先切换到桌面?
谢谢。
sass - 使用 Singularitygs 重叠网格
我想知道是否有办法用 Singularity.gs 做重叠网格,就像在 Grid Set App 中一样?
我想根据黄金比例覆盖两个 2 列网格。
例如
和
singularitygs - 具有像素度量的嵌套网格
我从singularitygs(和网格系统)开始,当然我遇到了问题。这里是。
我有这个 HTML 标记:
我已经设置了这个不对称网格:
而这个scss:
问题是如何让内部 div 意识到 #main 应该只有两列(和一个排水沟)这一事实。相反,看起来#main 继承了默认的网格设置。
我尝试了很多选项,例如通过 @include 布局更改#main 网格。或者通过添加告诉列适应正确的上下文@include grid-span(1, 1, 2);
(第三个数字应该告诉 div 它在默认网格上下文中。但无济于事。我怀疑问题出在我对默认网格的 px 定义中。因为内部 div 得到很多时间只有 1.356% 宽,这看起来有点可疑。我是对的吗?我该怎么办?
感谢您的任何建议。
编辑:我尝试添加确切的 px 尺寸,并结合添加嵌套上下文,它看起来像它应该的那样,但我认为这不是它应该如何工作的?
singularitygs - 我可以创建一个具有奇点的固定网格吗?
上周我发现了指南针网格奇点,这令人印象深刻。我将基于 Singularity 设计我的下一个项目。不幸的是,我需要使用固定网格(宽度=1024px)。
是否可以设计具有奇点的固定网格?
谢谢
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 非常陌生,所以我肯定感觉有点不适应。我知道这可能不是从我的描述中最容易诊断的事情,但我不确定我做错了什么。希望我已经设法足够清楚地描述我的问题。如果其中任何内容显得模糊或不完整,请耐心等待,这绝对不是我的意图。
非常感谢。
singularitygs - 奇点 gs 删除左右边距
我第一次使用singularitygs。我想知道如何删除左右边距(排水沟)?就像 960gs 中的 alpha/omega 选项一样。有这样的吗?
谢谢你。我知道$位置。我没有正确描述我的问题
所以下面的场景:
singularitygs - 使用奇点,我发现带有宽容器的浮点数有些不一致
我第一次尝试奇点,我正在尝试重新创建我拥有的网格。简单的一个。
这是一个简单的结构,用于测试:
所以在一个 12 列的网格中,页眉是全宽的,主要是 9 列宽,旁边是 3 列宽,页脚是满 12 列。
不管怎样,不一致的地方是:header、aside、footer都有float:right,但main是float:left,所以它脱离了文档的流程。
这是网格:
这是其余的:
所以问题是,它不尊重流程并且与标题重叠,就像这样http://imageupload.maxmendez.net/images/incon.png。绿色的主要,应该在标题下方。
为了解决这个问题,我必须这样做:
正确添加选项,似乎很清楚并解决了我的问题。我是否有理由忽略为什么 mai 向左浮动?
仍然没有在 IE 中测试,但我担心兼容性。
sass - 页眉和页脚宽度为 100% 的奇点网格布局
我使用的是 Singularity Grid System 版本 1.1.2,我的 12 列网格的变量是 $grids: 12, $gutters: 1/3。网格布局工作正常。现在我想给出覆盖整个浏览器宽度的顶部页眉组、中间部分和页脚背景颜色。所有内容都居中,占总宽度的 90%。