Materialize - 概述

Materialize 是一个使用 CSS、JavaScript 和 HTML 创建的 UI 组件库。 Materialize 可重复使用的 UI 组件有助于构建有吸引力、一致且功能齐全的网页和 Web 应用程序,同时遵守现代 Web 设计原则,例如浏览器可移植性、设备独立性和优雅降级。

其一些显著特点如下 −

  • 内置响应式设计。

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

  • 新版本的常见用户界面控件(例如按钮、复选框和文本字段)已适应遵循 Material Design 概念。

  • 增强和专门的功能,例如卡片、选项卡、导航栏、toast 等。

  • 免费使用,需要 jQuery JavaScript 库才能正常运行。

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

响应式设计

Materialize 具有内置的响应式设计,因此使用 Materialize 创建的网站将根据设备尺寸进行重新设计。Materialize 类的创建方式使网站可以适应任何屏幕尺寸。

使用 Materialize 创建的网站与 PC、平板电脑和移动设备完全兼容。

可扩展

Materialize 的设计非常简约和扁平。它的设计考虑到添加新的 CSS 规则比覆盖现有的 CSS 规则要容易得多。它支持阴影和粗体颜色。颜色和阴影在各种平台和设备上保持一致。

最重要的是,它完全免费使用。