Material Design Lite - 概述

什么是 Material Design Lite？

Material Design Lite（MDL 是一个使用 CSS、JavaScript 和 HTML 创建的 UI 组件库。MDL UI 组件有助于构建有吸引力、一致且实用的网页和 Web 应用程序，同时遵循现代 Web 设计原则，如浏览器可移植性、设备独立性，以及优雅的降级。

以下是 Material Design Lite 的显着特征 -

• 内置响应式设计。

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

• 包括新版本的常见用户界面控件，例如按钮、复选框和文本字段，这些控件经过调整以遵循 Material Design 概念。

• 包括增强和专门的功能，如卡片、列布局、滑块、旋转器、选项卡、版式等。

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

• 跨浏览器，可用于创建可重用的 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 完全免费使用。