响应式布局css_使用Mini.css创建简约的响应式布局

前端框架应轻巧且易于使用 。 Bootstrap是最受欢迎的，尽管它也是最重的之一。 而且，在存在许多 Bootstrap 替代产品的世界中，很难找到自己喜欢的产品。

Mini.css是一个更新的框架 ，它确实如其名。 当前版本为2.x，该框架旨在尽可能小 ，压缩后当前仅重7KB。

整个框架对移动设备敏感，并且应该适合您需要的任何布局。 但是，目标是使该库保持纤薄，为您的工作提供基本的要素 。

您可以将Mini.css与任何软件包管理系统一起安装，例如Yarn，npm或Bower 。 如果您从GitHub下载文件，也可以直接安装 。

将其添加到您的网页后，您只需将网站标记为正常 ，就可以立即注意到效果 。

类型，按钮，链接，表单，表格以及所有这些默认元素在Mini.css库中带有基本样式。 要设置响应式布局，您需要使用不太困难的网格系统 。

所有文档均以普通英语编写 ，因此很容易理解。 此外，它们还包括来自Scrimba的截屏视频 ，使您可以更轻松地跟随代码示例。

当您深入了解该库时，如果要添加功能或编辑现有功能，可以查看其自定义准则 。

或者，如果您想快速启动项目，也可以查看其默认模板 。 这些可以处理列式布局 ，有助于更好地组织您的网站。

我非常喜欢Mini.css库，因为它正在创建一个既小又适用于每个项目的前端资源。 如果您想要轻巧易拿的东西，绝对值得在下一个项目中进行测试。

翻译自: https://www.hongkiat.com/blog/minicss-minimalist-frontend-framework/