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 完全免费使用。