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。

• 可扩展性 Material Design Lite 本身非常简洁。

• 它的设计考虑到了添加新的 CSS 规则比覆盖现有 CSS 规则更容易的事实。

• 它支持阴影和醒目的颜色。

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

最重要的是，MDL 完全免费使用。