📜  材料设计精简版-概述

📅  最后修改于: 2020-10-22 05:45:56             🧑  作者: Mango


什么是Material Design Lite?

Material Design Lite(MDL是使用CSS,JavaScript和HTML创建的UI组件库。MDLUI组件在遵循现代Web设计原则(如浏览器可移植性,设备独立性)的同时,可帮助构建有吸引力,一致且功能正常的网页和Web应用程序以及正常降级。

以下是Material Design Lite的主要功能-

  • 内置响应式设计。

  • 标准CSS,占用空间最小。

  • 包括新版本的通用用户界面控件,例如按钮,复选框和文本字段,这些控件适用于材料设计概念。

  • 包括增强和专门的功能,例如卡片,列布局,滑块,微调器,选项卡,版式等。

  • 可以在有或没有任何库或开发环境的情况下使用。

  • 跨浏览器,可用于创建可重复使用的Web组件。

响应式设计

  • Material Design Lite具有内置的响应式设计,因此使用Material Design Lite创建的网站将根据设备大小自行重新设计。

  • Material Design Lite类的创建方式使网站可以适合任何屏幕尺寸。

  • 使用Material Design Lite创建的网站与PC,平板电脑和移动设备完全兼容。

标准CSS

  • Material Design Lite仅使用标准CSS,非常易于学习。

  • 不依赖任何外部JavaScript库,例如jQuery。

  • ExtensibleMaterial Design Lite设计精巧且扁平。

  • 在设计时考虑到以下事实:添加新CSS规则比覆盖现有CSS规则要容易得多。

  • 它支持阴影和大胆的颜色。

  • 在各种平台和设备上,颜色和阴影保持一致。

最重要的是,MDL是绝对免费的。