无法使基于Susy的网格正确对齐
Lou*_* B. 3 sass susy-compass compass-sass
我一直在试用Compass(SASS)的Susy插件,但我注意到它并没有按照我的意图工作.
我把index.html和screen.scss来自官方与Susy教程,编译SCSS并把它挂在我的服务器.你可以看到它看起来就像它应该(在我测试的所有浏览器上):
我接下来做的是以下内容:
- 复制
<article>的<div role="main">,并将其粘贴六倍 - 在
screen.scss,相应地更改column-span(div[role="main"] > article):from@include columns(6,9);to@include columns(1,9);
但是现在这些新元素根本不与网格对齐,它们被一个清晰可见的空间所取代.我在FF,Safari和Chrome的最新版本中对此进行了测试,只有FF似乎才能正确显示.屏幕截图来自Chrome:
我还上传了每个人在这里检查的来源.
这是Susy的普遍问题,网格不正确还是我做错了什么？如果是第一个,有人知道解决方法吗？我也试过百分比和像素,但都没有奏效.