建和编辑响应式网格系统简单的界面

somratislam9999

使您可以轻松可视化、创建和编辑响应式网格系统。 样式表  Gridpak 并不是真正的框架。尽管它的样式表可以“开箱即用”，但它们应该被挑选和修剪成您自己的样式表和工作方法。这就是为什么它们只包含对网格系统至关重要的信息。 当断点之间的列数发生变化时，我们在基于网格的布局上进行媒体查询时遇到了麻烦。为了解决这个问题，我们避免在标记的类名中使用“span_x”，而是更喜欢使用“news_item”等语义命名。然后，我们将语义类名称添加到gridpak.css，紧邻其对应项： .span_1, .span_2, 复制 这样，我们的标记就不会耦合到 CSS，元素也不会耦合到断点。这是一种更具可扩展。

性的做事方式。实施非常容易解释，我们期待看到人们如何将其应用到自己的项目中。 Gridpak 使用media queries,box-sizing和background-clip属性（尽管有一些方法可以在没有这些查询的情况下使用它。）所有新浏览器以及 IE8 都支持这些 CSS3 属性，但我们建议使用 polyfill 或检测服务（例如Modernizr）来处理降级。 帮助我们帮助您 基线功能以及在创建断点后编辑断点位置的能力。 即将推出：基线功能以及在创建断点后编辑断点位置的能力。 我们 加拿大电话号码表 知道 Gridpak 并不是一站式、包治百病的灵丹妙药——它的设计初衷并非如此。与所有工具一样，它也有局限性，但我们相信它是响应式设计师武器库中有用的一部分。随着该领域的进一步发展，我们无疑会看到类似工具和方法的激增。人们最终会选择最适合他。



们并适合他们工作流程的方法。 自发布以来，我们添加了重要的功能，例如以百分比和像素为单位调整装订线宽度和列填充的能力。在我们的下一个版本中，我们将引入一种更灵活的方法来允许创建更广泛的非对称网格......但我们可以走得更远。这就是我们在Github上开源 Gridpak 代码库的原因。我们希望看到它成为真正的协作成果，人们可以参与代码并进行自己的改进。 反馈 ＃ 我们希望Gridpak能够随着时间的推移不断成长和发展，因此我们非常欢迎您的反馈和意见。您可以将功能请求发送至gridpakerskinedesign.com或Twitter 上的gridpak。我们还有一个Trello 看板，您可以在其中发表评论并为功能投票，甚至可以关注我们当前正在开发的内容。Erskine Design发现Gridpak 是我们日常客户工作的绝佳。