考虑到SingularityGS默认采用移动优先方法,你们如何解决IE8中的问题,IE8显示了依赖于媒体查询的所有内容的移动版本?
您是否找到了解决方案或者我必须先切换到桌面?
谢谢.
我想知道这两个网格系统之间是否存在任何关键差异.我在表面上看不到任何东西,也不知道为什么我要选择一个而不是另一个.在过去的几个月里,我建立了具有奇点和susy 1的网站,他们都很棒.它们似乎都是由坚实的人们积极开发和建造的.一个人提供的优势是否有其他优势?是否有任何情况可能是更好的选择?
我刚刚开始使用Drupal,Omega 4主题进入响应式设计技术,并希望使用奇点网格系统.我不太了解CSS(基本原则是,微妙的没有),而SASS似乎是一种很好的方式来逃避一些更神秘的功能(有点像jQuery帮助你避免Javscript).由于我真的是初学者,我想我会尽可能简单地从虚拟页面开始.那么,这是HTML:
<html>
<head>
<title>Singularity HTML Demo</title>
<link rel="stylesheet" href="stylesheets/test-grid_1.css">
</head>
<body>
<div id="page">
<h1>Page tests_1</h1>
<div id="foo">
<h2>Foo</h2>
<p><p>Aliquam nulla metus, laoreet non felis ut, commodo laoreet nulla. </p></p>
</div>
<div id="bar">
<h2>Bar</h2>
<p>Morbi volutpat justo ante, et laoreet est porttitor id. Nullam rhoncus ipsum leo, sed tincidunt ante consequat in.</p>
<p>Quisque porttitor tincidunt hendrerit. Nulla et urna nisi. Fusce vulputate aliquet posuere. Cras tempor ante vel turpis scelerisque mollis. In bibendum augue in tincidunt vulputate. Donec accumsan sapien …Run Code Online (Sandbox Code Playgroud) 对于移动优先网站,我需要一个具有SASS预处理器功能的网格.目前我正在使用Bootstrap 3 Grid工作正常,但似乎缺乏灵活性.特别是我不想让我的html与其他css类混淆,如row或column-4.
我找到了两个有希望的替代
两者都有强大的工具可以跨越列,更改断点,修改排水沟等.您能简单介绍两者的专业版和内容吗?
我一直在尝试使用Singularity创建几个典型的布局示例,我有一个关于网格跨度和浮点数的问题.
我已经创建了一个示例scss样式表和html布局.这是Sassmeister的完整示例.
http://sassmeister.com/gist/a7ca98b7520b12bd6241
我的问题是包含内容div <div id="content">是否必要?我必须使用clearfix mixin来"拉"div并将页脚保持在内容部分之下并放在一边.
是否有另一种方法可以使用Singularity实现此布局,而无需使用周围的clearfix div?在主要部分中是否有一个选项可以不使用浮点数,或者自我清除此部分?
假设我在另一列中有一个文章网格(2列).实现这一目标的最佳方法是什么,而不必明确告诉文章应该是哪一列.
它是用伪类声明它的唯一选择吗?
article:nth-child(1n){
@include grid-span(1,1);
}
article:nth-child(2n){
@include grid-span(1,2);
}
Run Code Online (Sandbox Code Playgroud)
谢谢.
我正在用奇点网格系统做我的第一个项目,到目前为止我很喜欢它.但是,我有一个奇怪的问题,我有一个<h2>和<h3>元素重叠的部分...真的很难找出问题是什么.
我的开发项目见:http: //senseslabv3.brunomonteiro.mixture.io/
首先<section>是class=intro.
有没有人知道它正在发生?谢谢你的时间.