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