软件开发,微信公众号开发,微分销,惠比科技
扫描关注软件开发,微信公众号开发,微分销,惠比科技微信公众账号

扫一扫微信二维码

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

2015-07-07 14:15:49国外资讯

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

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

QQ截图20170330160551.jpg

        MDL 工具可以用来创建不同形式的网站,如博客:

Image title

Image title

      重内容型网站:

Image title

      功能主页:

Image title

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

TAGS