MDUI 針對圖片和視頻定義了一些類，可以使其具有響應(yīng)式特性，和一些預(yù)定義樣式。

相關(guān)資源

Material Design 圖像設(shè)計規(guī)范

圖片

響應(yīng)式

在 img 標簽上添加類 .mdui-img-fluid 可以使圖片自適應(yīng)它的父元素的寬度。

在線運行

圓角圖片

在 img 標簽上添加類 .mdui-img-rounded 使圖片具有圓角。

在線運行

圓形圖片

在 img 標簽上添加類 .mdui-img-circle 使圖片變成圓形。

在線運行

視頻

響應(yīng)式嵌入式視頻

在嵌入式視頻的父元素上添加類 .mdui-video-container 使視頻自適應(yīng)父元素的寬度。

在線運行

響應(yīng)式 HTML5 視頻

在 video 標簽上添加類 .mdui-video-fluid 使視頻自適應(yīng)父元素的寬度。

在線運行

CSS 類名列表