Google 来做你的网站主美，轻松实现 Material Design 设计风格

近日 Google 发布 了前端开发工具 Material Design Lite （MDL），包含一些符合其设计风格的按钮、复选框、输入区、排版样式、以及对应的网格和参考点。与 Twitter 推出的 Bootstrap 类似，MDL 是为了帮其他开发者快速实现统一的网站风格。

与之前发布的一些设计元素库（ Polymer web library ）不同的是，MDL 对于版面整体设计有比较具体的规范，是使用 Sass 语言结合 BEM 工具写成，可以适配不同尺寸的屏幕。最简单的使用方法是下载 CSS 或通过 npm 或 Bower 导入 MDL。

使用 MDL 工具可以直接套用在不同形式的网站中，如博客：

重内容型网站：

功能主页：

MDL 与大部分浏览器都可以兼容，如 Chrome、Firefox、Opera、Microsoft Edge 和 Safari，不过暂不支持 IE9。

原创文章，作者：糖醋