近日 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。
咨询热线
02131122998