media-queries - 如何有效使用无框网格？

Question

我也开始建立一个适合移动设备的网站。因此，我也开始研究媒体查询和各种网格框架。我查看了所有“主要参与者”，例如Inuit.css，语义网格等。发现对我来说最好的是frameless grid

作者说这是“ Less Framework的精神继任者”：

好。我已经研究了framelessgrid.com主页面上的所有less / css代码和html代码（应该实现无框架网格），但是我无法搞清楚如何真正实现它。


首先，他所说的“无框”到底是什么意思？只是这不是一个框架？
除了具有自由的列宽和“倒置的”媒体查询是“移动优先”之外，它与小框架有何不同？
我应该如何准确地使用.less变量（尤其是@cols系列）？
“适应逐列而不是逐像素自适应”的作用。意思？人们应该如何实践这一概念？


:)

Answer 1

我终于使用了无框网格，所以我想回答我自己的问题：


不知道：P我的意思是，那个名字，不知道。没关系，但是..（我也邀请了无框架网格作者在这里回答，但他没有。）
@cols vars。我认为基本上它们是无框网格。嗯，它们不是，因为无框网格只是“一个”想法。但是实际上，这是与“标准”方法相对应的主要CSS差异。您只需在列而不是像素中定义元素的宽度。就这样。当然，这只能使用Less或Sass来完成。由于我对scss的了解不多，所以我无法完全理解主要思想。
您最终会说一个元素宽8列，宽5列，依此类推。比计算像素简单得多。
见答案2：P


希望这会帮助别人。